Slider

Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.

You can display a thumb-label while sliding or always. It It can have a custom color by setting thumb-color and a custom size with thumb-size. With always-dirty its color will never change, even when on min value.

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

Tick marks represent predetermined values to which the user can move the slider.

Дискретные слайдеры предлагают визуализатор, который отображает точное текущее значение. С помощью свойства step вы можете запретить выбор значений за пределами шагов.

Вы можете добавлять иконки в слайдер с помощью свойств append-icon и preend-icon.

Слайдеры можно комбинировать с другими компонентами для лучшего отображения.

Вы можете использовать различные цвета используя свойства color, track-color и thumb-color.

Vuetify includes simple validation through the rules prop. The prop accepts an array of callbacks. While validating rules, the current v-model value will be passed to the callback. This callback should return either true or a String, the error message.

Range sliders.

You can set min and max values of sliders.

Use slotted prepend and append icons to easily customize the v-slider to fit any situation.