Nouislider
noUiSlider: lightweight JavaScript range slider with full touch support
Requires CSS and JS. (Note: if you are using our dist folder then will get libs folder in it.)
assets/libs/nouislider/dist/nouislider.min.css
assets/libs/nouislider/dist/nouislider.min.js
assets/libs/wnumb/wNumb.min.js
assets/js/theme.min.js
assets/libs/nouislider/dist/nouislider.min.js
assets/libs/wnumb/wNumb.min.js
assets/js/theme.min.js
Note that this component requires the use of the third-party
NouiSlider
plugin.
Basic
<div class="mt-3">
<!-- range -->
<div id="priceRange" class="mb-3"></div>
<span id="priceRange-value"
class="small d-flex
justify-content-between"></span>
</div>