You can set min
and max
values of sliders.
You can set the colors of the slider using the props color
, track-color
and thumb-color
.
You can add icons to the slider with the append-icon
and prepend-icon
props. With @click:append
and @click:prepend
you can trigger a callback function when click the icon.
You can use vertical
to switch sliders to a vertical orientation. If you need to change the height of the slider, use css.
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.
Tick marks represent predetermined values to which the user can move the slider.
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.
Use slots such as prepend
and append
to easily customize the v-slider
to fit any situation.