Range Slider

The v-range-slider component complements the v-slider component nicely when you are in need of representing a range of values.

Basic

The v-slider component is a better visualization of the number input.

You cannot interact with disabled sliders.

Disabled

Use color prop to the sets the slider color. track-color prop to sets the color of slider's unfilled track.

v-range-slider can have steps other than 1. This can be helpful for some applications where you need to adjust values with more or less accuracy.

Using the tick-labels prop along with the thumb-label slot, you can create a very customized solution.

You can use the vertical prop to switch sliders to a vertical orientation. If you need to change the height of the slider, use css.