Features
- Simple and fast
- Supports touch devices
- Responsive designs
- Use Babel
- No jQuery
Options
List including all options.
sliderId
| Type |
: String |
| Default |
: 'range-slider' |
|
handleId
| Type |
: String |
| Default |
: 'range-slider__handle' |
|
barId
| Type |
: String |
| Default |
: 'range-slider__bar' |
|
startPosition
| Type |
: Number |
| Default |
: 0 |
|
scaleDimension
| Type |
: Number |
| Default |
: 1 |
|
handleDefaultPos
| Type |
: Number |
| Default |
: -7 |
|
onDrag
| Type |
: Function |
| Default |
: null |
|
onDragging
| Type |
: Function |
| Default |
: null |
|
onDragged
| Type |
: Function |
| Default |
: null |
|
onChanged
| Type |
: Function |
| Default |
: null |
|
onRefreshed
| Type |
: Function |
| Default |
: null |
|
onInitialized
| Type |
: Function |
| Default |
: null |
|
Events
Confirm the operation of the callback function.
| onDrag |
: on |
| onDragging |
: on |
| onDragged |
: on |
| onChanged |
: on |
| onRefreshed |
: on |
| onInitialized |
: on |
Example
As a weather slider.
