# Range Sliders

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

# Usage

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.

# API

# Examples

# Props

# Disabled

You cannot interact with disabled sliders.

# Min and max

You can set min and max values of sliders.

# Step

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.

# Vertical sliders

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.

# Slots

# Thumb label

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

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page on GitHub
Last updated:11/12/2024, 6:59:50 AM