InputRange LEGACY

Examples API Setup

Dark mode Background

-

Name and description	Type	Value
`disabled` Disabled state (use `formControl.disable()` )	`boolean`
`[min]` Min value	`null \| number`	`0`
`[max]` Max value	`null \| number`	`10`
`[quantum]` Minimum indivisible value	`number`	`1`
`[steps]` Number of actual discrete slider steps	`number`
`[segments]` A number of visual segments	`number`
`[keySteps]` Anchor points of non-uniform format between value and position	`TuiKeySteps`	`null`
`[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>`	`null`
`[readOnly]` Component is read only	`boolean`

Can be expanded with TuiTextfieldController

Requires you to import TuiTextfieldControllerModule

Name and description	Type	Value
`[tuiTextfieldLabelOutside]` Label is outside a component and made with `Label`	`boolean`
`[tuiTextfieldSize]` Size	`TuiSizeL`	`'l'`

Can be expanded with TuiNumberFormat

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

Requires you to import TuiNumberFormat .

Name and description	Type	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'`
`[thousandSeparator]` Symbol for separating thousands	`string`
`[decimalSeparator]` Symbol for separating fraction	`string`