egor-a-trubnikov-panov / simple-range

HTML5 Range

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]
    });