InputNumber KIT

Examples API Setup
-
Name and descriptionTypeValue
[min] The lowest value in the range of permitted values null  |  number null
[max] The greatest value in the range of permitted values null  |  number null
[step] Step to increase/decrease value with keyboard and buttons on the side number
[prefix] Uneditable text before number string
[postfix] Uneditable text after number string
TuiNumberFormat
Usage example:
[tuiNumberFormat]="{thousandSeparator, decimalSeparator, ..., rounding}"
[thousandSeparator] Symbol for separating thousands string
[decimalSeparator] Symbol for separating fraction 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 null
[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 null
TextfieldOptionsApplied as a host directive
[tuiTextfieldCleaner] Shows a cross to reset a value boolean
[tuiTextfieldSize] Size TuiSizeS  |  TuiSizeL null
ControlApplied as a host directive
[readOnly] Readonly state boolean
[disabled] Disabled state (use formControl.disable()/.enable() for reactive forms) boolean
[invalid] Invalid state null  |  boolean null