3.2.5 • Published 6 years ago
rangeslider-js v3.2.5
rangeslider-js
Simple, fast and lightweight slider, touch friendly
- v1 was based on rangeslider.js, main differences:
- no jQuery
- raf to throttle window resize, transform to set the handle position
- fewer and only basic styles
- no vertical mode
Install
npm i rangeslider-js --save
Usage
<input id="slider1" type="range">
<input id="slider2" type="range" min="0" max="5" value="1" step="1">
import rangesliderJs from 'rangeslider-js'
// single, options via js
rangesliderJs.create(document.getElementById('slider1'), {min:0, max: 1, value: 0.5, step: 0.1})
// or single, options via html attributes
rangesliderJs.create(document.getElementById('slider2'))
// or initialize multiple
rangesliderJs.create(document.querySelectorAll('input[type="range"]'))
Options
{
min: 0,
max: 100,
value: 50,
step: 1,
// callbacks
onInit: (value, percent, position) => {},
onSlideStart: (value, percent, position) => {},
onSlide: (value, percent, position) => {},
onSlideEnd: (value, percent, position) => {}
}
Events
Contribute or Report Issue
Pull requests should target the develop branch.
For bugs and feature requests, please create an issue.
Licence
MIT, see LICENSE.md for details.
3.2.5
6 years ago
3.2.4
6 years ago
3.2.1
7 years ago
3.2.0
7 years ago
3.1.2
7 years ago
3.0.2
8 years ago
3.0.0
8 years ago
3.0.0-beta.4
8 years ago
3.0.0-beta.2
8 years ago
2.1.2
9 years ago
2.1.1
9 years ago
2.1.0
9 years ago
2.0.3
9 years ago
2.0.2
10 years ago
2.0.1
10 years ago
2.0.0
10 years ago
1.2.9
10 years ago
1.2.8
10 years ago
1.2.7
10 years ago
1.2.6
10 years ago
1.2.6-3
10 years ago
1.2.6-2
10 years ago
1.2.6-1
10 years ago
1.2.6-0
10 years ago
1.2.5
10 years ago
1.2.4
10 years ago
1.2.3
10 years ago
1.2.2
10 years ago
1.2.1-0
10 years ago
1.2.0
10 years ago
1.1.5
10 years ago
1.1.4
10 years ago
1.1.3
10 years ago
1.1.2
10 years ago
1.1.1
10 years ago
1.1.0-3
10 years ago
1.1.0-2
10 years ago
1.1.0-1
10 years ago