rng-sldr

    1.0.1 • Public • Published

    Rng-sldr is an easy range slider.

    Demo

    Basic demo

    Installation

    Via npm:

    npm intsall rng-sldr --save
    

    In a browser:

    <script src="lib/js/rng-sldr.js"></script>
    

    Example

    HTML Elements:

    <input class="price-start">
    <input class="price-end">
    <div class="rng-sldr price"></div>
    

    Style:

    <link href="lib/css/rng-sldr.css" rel="stylesheet">
    

    Script:

    var settings = {
        max: 100,   //required
        min: 10,    //optional
        start: 20,  //optional
        end: 90     //optional
    }
    rngSldr('price', settings);
    
    //CommonJS
    var rngSldr = require('rng-sldr');
    
    // ES6
    import rngSldr from "rng-sldr";
    

    License

    The MIT License.

    Install

    npm i rng-sldr

    DownloadsWeekly Downloads

    2

    Version

    1.0.1

    License

    MIT

    Last publish

    Collaborators

    • fanaticys