Taiga UI 5 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
[margin]
limiting the minimum distance between two thumbs.

The default is 0 .

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