슬라이더는 사용자가 단일 값을 선택할 수 있는 바를 따라 값의 범위를 반영합니다. 그것은 볼륨, 밝기 또는 이미지 필터의 적용과 같은 설정을 조정하는 데 이상적입니다.

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)는 사용자가 슬라이더를 이동할 수 있는 미리 결정된 값을 나타냅니다.

불연속(Discrete) 슬라이더는 정확한 현재 값을 보여주기 위한 작은 레이블(Thumb label)을 제공합니다. step prop를 이용하여 step 을 이외의 값을 선택하는 것을 방지할 수 있습니다.

append-icon과 prepend-icon prop을 이용하여 슬라이더에 아이콘을 추가할 수 있습니다.

슬라이더는 더 낳은 표현을 위해 다른 컴포넌트와 결합될 수 있습니다.

color, track-color와 thumb-color prop들을 이용해 슬라이더의 색상을 정의할 수 있습니다.

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.