Slider

An input where the user selects a value from within a given range.

Default

Code Dialog

Disabled

Code Dialog

Size

Code Dialog

Color

Code Dialog

Shape

Code Dialog

With label

Code Dialog

30%
Thumb Icon

Code Dialog

Audio Slider

Code Dialog

1:182:25
Marks

Code Dialog

4GB6GB8GB
Sticky label

Code Dialog

Sticky Label on Hover

Code Dialog

Sticky Label with Arrow

Code Dialog

Vertical

Code Dialog

Range

Code Dialog

0100

30 - 80

Multiple Thumbs

Code Dialog

0100

20 - 40 - 80