Taiga UI 5.0 is out!

Range KIT

Examples API GitHub

[disabled]
Disabled state (use formControl.disable() )
boolean
[min]
The lowest value in the range of permitted values.

The default is 0 .

number
[max]
The greatest value in the range of permitted values.

The default is 100 .

number
[step]
Granularity of each discrete slider step and value of increase/decrease on keyboard arrows.

For non-linear slider ( [keySteps] property is enabled) [step] means percentage of total track length.

number
[segments]
A number of visual segments.

The default is 1 (no ticks).

number
[keySteps]
Anchor points of non-uniform format between value and position.

The default is null .

TuiKeySteps  |  null
[limit]
Limiting the maximum distance between two thumbs.

The default is Infinity .

number Infinity
[margin]
Limiting the minimum distance between two thumbs.

The default is 0 .

number
CSS customization
[style.--tui-thumb-size.px]
Size of thumb
number