Number field API · Needless UI

Import

import-number-field.ts

import { NuiNumberField, NuiNumberInput, NuiNumberStep } from '@needless-ui/angular/number-field';

Groups the input with its step buttons.

A text input that holds a number, as an ARIA spinbutton.

NuiNumberInput: Properties
Name	Type	Default	Description
`value`Two-way	`number \| null`	`null`	The number, or `null` when empty. Also works with forms.
`min`Input	`number`		Smallest allowed value.
`max`Input	`number`		Largest allowed value.
`step`Input	`number`	`1`	How much one step changes the value. The value snaps to it on blur.
`format`Input	`Intl.NumberFormatOptions`	`{}`	`Intl.NumberFormat` options, such as `{ style: 'currency', currency: 'EUR' }`.
`locale`Input	`string`	`LOCALE_ID`	Locale for formatting and reading numbers.
`disabled`Input	`boolean`	`false`	Disables the input and its buttons.
`stepBy`Method	`(count: number) => void`		Steps up (positive) or down (negative) by a number of steps.

A step button. Holding it repeats.

NuiNumberStep: Properties
Name	Type	Default	Description
`nuiNumberStep`Input	`number`		`1` steps up and `-1` steps down.
`label`Input	`string`		Accessible name. Defaults to “Increase” or “Decrease”.