v-range-slider
Simple slider component of Vue.js
Features
- Compatible with native
input[type="range"]
behavior input
,change
event support- Touch device support
Requirements
Vue >= 2.0
Installation
npm install --save v-range-slider
Usage
Basic Usage
Import the v-range-slider component and use it in your components, such as:
Available props
name
- name of the slider input.value
- current value of the slider.disabled
- if true, the slider value cannot be updated.min
- minimum value of the slider.max
- maximum value of the slider.step
- granularity of the slider value. e.g. if this is 3, the slider value will be 3, 6, 9, ...no-calibration
- turn off calibrationcalibration-count
- determines how steps to split calibration into e.g. a min of 0 and max of 10 with a calibration count of 5 will use display0, 2, 4, 6, 8, 10
no-popover
- turn off popover functionality
Available slots:
knob
- slot for replacing knobpopover
- slot for replacing popover
License
MIT