BaseRangeSlider
Input range slider with additional buttons to increase/decrease the current value
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| modelValue | specify the current range value | number | - | 0 |
| label | label for the input range field | string | - | 'Range slider' |
| min | specify the min range value | number | - | 0 |
| max | specify the max range value | number | - | 100 |
| step | specify the step size to increase/decrease the value | number | - | 10 |
| disabled | set true if input field should be disabled | boolean | - | false |
| assistiveText | this prop gives the option to add assistive text for screen readers properties: increase: text for the increase button decrease: text for the decrease button | object | - | { increase: 'increase value', decrease: 'decrease value' } |
Events
| Event name | Properties | Description |
|---|---|---|
| update:model-value |
Demo
Input range slider with additional buttons to increase/decrease the current value.