/simple-range

HTML5 Range

Primary LanguageJavaScriptMIT LicenseMIT

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