Slider
The v-slider component is a better visualization of the number input. It is used for gathering numerical user data.

Examples

#1 Continuous
edit
Continous sliders should be used when precision is not a concern.

#2 Discrete
edit
Discrete sliders offer a thumb label that displays the exact current amount.

#3 Icons
edit
You can add icons to the slider with the append-icon and prepend-icon props.

#4 With an editable numeric value
edit
Sliders can be combined with other components for a better display.

#5 Dark theme
edit
Sliders also support themeing.

API

chevron_leftchevron_right