Range
The range input type lets users choose a numeric value with a slider. The current value is displayed next to the slider.
vue
<template>
<VsInputRange v-model="rangeValue" :min="0" :max="100" :step="5" />
</template> 50
Properties
Required Properties
name (string): Unique identifier for the field
type (string): Must be 'range'
label (string): Display label
Optional Properties
min (number, default 0): Minimum value
max (number, default 100): Maximum value
step (number, default 1): Step size
disabled (boolean): Whether slider is disabled
rules (array): Validation rules