InputNumber LEGACY

Examples API Setup
-
Name and descriptionType Value
disabled
Disabled state (use formControl.disable() )
boolean
[min]
Min value
null  |  number
-Infinity
[max]
Max value
null  |  number
Infinity
[step]
Step to increase/decrease value with keyboard and buttons on the side
number
Can be expanded with TuiNumberFormat

Usage example: [tuiNumberFormat]='{decimalMode, precision, rounding, zeroPadding, thousandSeparator, decimalSeparator}'

Requires you to import TuiNumberFormat .

Name and descriptionType Value
[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
'pad'
[rounding]
Rounding
TuiRounding
'truncate'
[precision]
A number of digits after comma ( Infinity for an untouched decimal part)
number
[thousandSeparator]
Symbol for separating thousands
string
[decimalSeparator]
Symbol for separating fraction
string
Can be expanded with TuiHint

Requires you to import TuiHint

Name and descriptionType Value
[tuiHintContent]
Content of a hint
PolymorpheusContent
''
[tuiHintDirection]
Hint direction
TuiHintDirection  |  TuiHintDirection[]
'bottom-left'
[tuiHintAppearance]
Hint mode
string
''
Can be expanded with TuiTextfieldController

Requires you to import TuiTextfieldControllerModule

Name and descriptionType Value
[tuiTextfieldCleaner]
Shows a cross to reset a value
boolean
[tuiTextfieldCustomContent]
Right content (e.g. avatar with maximum size 32x32px)
PolymorpheusContent
''
[tuiTextfieldLabelOutside]
Label is outside a component and made with Label

( labelOutside = false does not work together with size === 's' : for s-size inputs use only outside labels)

boolean
[tuiTextfieldSize]
Size
TuiSizeS  |  TuiSizeL
'l'
[tuiTextfieldIconLeft]
A left icon. It can be stringified svg.
string
''
[tuiTextfieldFiller]
Pale text suggestion for input (e.g. HH:MM:SS for time)
string
[tuiTextfieldPrefix]
Uneditable text before value
string
''
[tuiTextfieldPostfix]
Uneditable text after value
string
''
Inherited from TuiReactiveControl
Name and descriptionType Value
[readOnly]
Component is read only
boolean
[pseudoInvalid]
Set invalid state regardless of control
null  |  boolean
Inherited from TuiInteractive
Name and descriptionType Value
[focusable]
Element can be focused
boolean
[nativeId]
Native ID attribute for element. It helps users with Screen Readers to use a page
string
[pseudoHover]
Visual hovered state
null  |  boolean
[pseudoFocus]
Visual focused state
null  |  boolean
[pseudoActive]
Visual pressed state
null  |  boolean
(focusedChange)
Emits on focus and blur
boolean Emit!

CSS customization

Name and descriptionType Value
[style.text-align]
Custom align content by text-align
string
'left'