GET STARTED

Import

Import the canonical standalone component from its granular entry point.

import { NeuralInputNumber } from '@neural-ng/core/input-number';

@Component({ imports: [NeuralInputNumber] })

Decimal input

Editable text is parsed immediately, while application state remains number | null.

Currency

Currency mode uses an ISO 4217 currency code and the active locale. Formatting never leaks into the model.

Locale, grouping and precision

A local locale override controls both display and typed parsing. Grouping and fraction precision remain independent.

Bounds and precise stepping

Blur and Enter clamp to bounds. Arrow keys and buttons step without floating-point drift; bounded buttons disable at their limit.

Prefix, suffix and Neural Icons

Display-only prefix and suffix text preserve the numeric model. Step controls can use the project icon set and explicit accessible names.

Angular Forms integration

All Forms APIs bind the same nullable numeric contract. Signal Forms schema owns validation constraints when formField is used.

States and Field composition

Field provides the visible label, descriptions and shared disabled, readonly, required, invalid, pending, fluid and unstyled states.

Unstyled and typed class slots

Unstyled retains parsing, spinbutton semantics, Forms behavior and structural hooks while consumer classes own every rendered element.

Inputs

Events

Methods

Typed class slots

Value contract

The public value is always finite number | null. Formatted strings, currency symbols, grouping separators, prefix and suffix text never enter application state.

Component tokens