InputRangeLegacy deprecated LEGACY

Examples API Setup

Dark mode Background

-

Can be expanded with TuiTextfieldController

Requires you to import TuiTextfieldControllerModule

Name and description	Type	Value
`disabled` Disabled state (use `formControl.disable()` )	`boolean`
`[min]` The lowest value in the range of permitted values	`null \| number`	`0`
`[max]` The greatest value in the range of permitted values	`null \| number`	`10`
`[quantum]` Minimum indivisible value	`number`	`1`
`[steps]` Number of actual discrete slider steps	`number`
`[segments]` A number of visual segments (use `1` for no ticks)	`number`
`[keySteps]` Anchor points of non-uniform format between value and position	`TuiKeySteps`
`[leftValueContent]` A template for custom view of the left selected value.	`PolymorpheusContent`	`''`
`[rightValueContent]` A template for custom view of the right selected value.	`PolymorpheusContent`	`''`
`[pluralize]` Plural forms for labels. Use object that mimics the ICU format for Plural	`Record<string, string>`
`[readOnly]` Component is read only	`boolean`
TuiNumberFormat Usage example: `[tuiNumberFormat]="{thousandSeparator, decimalSeparator, ..., rounding}"`
`[thousandSeparator]` Symbol for separating thousands	`string`
`[decimalSeparator]` Symbol for separating fraction	`string`
`[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]` `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`	`'truncate'`
`[tuiTextfieldLabelOutside]` Label is outside a component and made with `Label`	`boolean`
`[tuiTextfieldSize]` Size	`TuiSizeL`	`'l'`