noUiSlider is a lightweight range slider with multi-touch support and a ton of features. It supports non-linear ranges,
requires no external dependencies, has keyboard support, and it works great in responsive designs.
For full documentation please check the plugin's site.
Usage
noUiSlider's CSS and Javascript files are bundled in the global plugin bundles and globally included in all pages:
noUiSlider's CSS is highly customized in sass/vendors/plugins/_nouislider.scss SCSS file in order to use it as native component within the design system.
The SCSS code is compiled into assets/plugins/global/plugins.bundle.css and globally included in all pages.
noUiSlider's Javascript is bundled in assets/plugins/global/plugins.bundle.js and globally included in all pages.
Basic
Basic example of range slider with full touch support: