InputNumber KIT

Dark modeBackground

`[min]` the lowest value in the range of permitted values	`null \| bigint \| number`
`[max]` the greatest value in the range of permitted values	`null \| bigint \| number`
`[step]` step to increase/decrease value with keyboard and buttons on the side	`bigint \| number`
`[prefix]` uneditable text before number	`string`
`[postfix]` uneditable text after number	`string`
`[quantum]` minimum indivisible value Use `0` (default value) to disable this feature and allow any value (that satisfies `min` / `max` / `precision` constraints)	`bigint \| number`
TuiNumberFormat `[tuiNumberFormat]="{thousandSeparator, decimalSeparator, ..., rounding}"`
`[thousandSeparator]` symbol for separating thousands	`string`
`[decimalSeparator]` symbol for separating fractions	`string`
`[precision]` a number of digits after `[decimalSeparator]` ( `Infinity` for an untouched decimal part)	`number`
`[decimalMode]` `always` number of digits after `[decimalSeparator]` is always equal to the precision. `pad` pads trailing zeroes up to precision, if the number is fractional `not-zero` drops trailing zeroes	`TuiDecimalMode`
`[rounding]` `round` rounds to the nearest number with the specified `[precision]` `floor` rounds down (the largest number with the specified `[precision]` less than or equal to a given number) `ceil` rounds up (the smallest number with the specified `[precision]` greater than or equal to a given number) `truncate` returns the number with the specified `[precision]` by just removing extra fractional digits	`TuiRounding`
`[negativePattern]` order of prefix and minus sign	`'prefixFirst' \| 'minusFirst'`
TextfieldOptionsApplied as a host directive
`[tuiTextfieldCleaner]` shows a cross to reset a value	`boolean`
`[tuiTextfieldSize]` size of the textfield. Don't use `label[tuiLabel]` inside `s` - size textfield. Use outside label or `<input placeholder="..." />` instead.	`TuiSizeS \| TuiSizeL`
`[content]` a template for custom view of textfield value. We strongly recommend to unset this property on focus – otherwise, it breaks UX on attempt to edit field by keyboard!	`PolymorpheusContent`
StateManually override interactive state
`[state]` manual interactive state ( `null` for automatic)	`TuiInteractiveState \| null`
`[focused]` manual focused state ( `null` for automatic)	`null \| boolean`
IconsApplied as a host directive
`[iconStart]` icon on the inline start side	`string`
`[iconEnd]` icon on the inline end side	`string`
ControlApplied as a host directive
`[readOnly]` readonly state	`boolean`
`[disabled]` disabled state (use `formControl.disable()/.enable()` for reactive forms)	`boolean`
`[invalid]` manual invalid state	`null \| boolean`

Taiga UI

GitHub StackBlitz