Slider

3
<BaseSlider
:max="10"
:min="0"
:step="1"
/>

Props (5)

  • booleanDisabled state.
  • booleanMarks for the slider.
  • maxnumberMaximum value of the slider.
  • minnumberMinimum value of the slider.
  • stepnumberThe amount of steps for the slider.

Multiple values

0
11
<BaseRangeSlider
:max="10"
:min="0"
:step="1"
v-model:startValue="MinValue"
v-model:endValue="MaxValue"
/>

Props (7)

  • booleanDisabled state.
  • booleanMarks for the slider.
  • maxnumberMaximum value of the slider.
  • minnumberMinimum value of the slider.
  • stepnumberThe amount of steps for the slider.
  • v-model:startValuestringThe start value of the slider.
  • v-model:endValuestringThe end value of the slider.