README
Vanilla Javascript 💅
Description
- Removed the jQuery requirement from the original ion.rangeSlider (Version: 2.3.1)
- Removed IE8 Support (if this is a big deal, let me know)
- Additional/Original skins can be found in the css here
- For full documentation visit the original ion.rangeSlider as everything will work the same except the initializers (see the documentation below).
Dependencies
- None 🤯
Usage
Add the following libraries to the page:
- rangeSlider.min.js
Add the following stylesheets to the page:
- rangeslider.min.css
Install with NPM
Use NPM to download latest version of a plugin and install it directly in to your project.
- npm install vanilla-rangeslider
Initialisation
The slider overrides a native text input
element.
<input type="text" id="example_id" name="example_name" value="" />
To initialise the slider, call ionRangeSlider on the element:
ionRangeSlider('#example_id');
Creating slider (all params)
An example of a customised slider:
ionRangeSlider('#example_id', {
min: 0,
max: 5000,
prefix: "