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.)
node_modules/nouislider/dist/nouislider.min.css
node_modules/nouislider/dist/nouislider.min.js
node_modules/wnumb/wNumb.min.js
resources/js/main.js
node_modules/nouislider/dist/nouislider.min.js
node_modules/wnumb/wNumb.min.js
resources/js/main.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>