Slider

The Slider is a form control that allows users to select a value from a range by dragging a handle along a track.

Storybook failed to load. Please connect to the VPN to access.

Slider

Anatomy

Slider anatomy

Slider anatomy

#

Element name

Element description

1

Knob

The draggable handle used to select a value.

2

Track

The line representing the full range of values.

3

Selected track

The colored portion showing the selected value.

4

Value label

Text displayed near the slider, showing the selected value.