Simple-Range
Кроссбраузерная реализация элемента HTML5 Range
###Достоинства:
- вес ~ 1300 байт
- не требует jQuery
- простой и функциональный
- потдержка модулей CommonJS AMD
- css по BEViS
###Установка:
#####npm
npm i simple-range --save
####bower
bower install simple-range --save
###Использование:
<link rel="stylesheet" href="default.css"/>
<div id="Range"></div>
// horizontal
Range(document.getElementById('Range'), {
value: 20,
step: 5
});
// vertical
Range(document.getElementById('Range'), {
value: 20,
vertical: true,
step: 5
});
// custom steps
Range(document.getElementById('Range'), {
value: 20,
step: [0,20,50,100]
});