Range KIT

Size

Use css-variable --tui-thumb-size to customize radius of the thumb and track thickness.

Segments

Use mixin tui-slider-ticks-labels to place labels strictly below ticks

KeySteps

Key steps – anchor points of non-uniform format between control's value and slider's position.

When [keySteps] property is enabled, [step] means percentage of total track length.