uiLibrary : (materialdesign|bootstrap|bootstrap4)Default: materialdesign

The name of the UI library that is going to be in use.

The css file for bootstrap should be manually included if you use bootstrap.

Examples

MaterialDesign

    
 <input id="slider" width="300" />
 Value: <span id="value"></span>
 <script>
    $('#slider').slider({
        uiLibrary: 'materialdesign',
        slide: function (e, value) {
            document.getElementById('value').innerText = value;
        }
    });
 </script>

  

Bootstrap 3

    
 <input id="slider" width="300" />
 Value: <span id="value"></span>
 <script>
    $('#slider').slider({
        uiLibrary: 'bootstrap',
        slide: function (e, value) {
            document.getElementById('value').innerText = value;
        }
    });
 </script>

  

Bootstrap 4

    
 <div class="container" />
     <input id="slider" width="300" />
     Value: <span id="value"></span>
 </div>
 <script>
    $('#slider').slider({
        uiLibrary: 'bootstrap4',
        slide: function (e, value) {
            document.getElementById('value').innerText = value;
        }
    });
 </script>