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
noUiSlider's CSS is highly customized in
sass/vendors/plugins/_nouislider.scssSCSS file in order to use it as native component within the design system. The SCSS code is compiled into
assets/plugins/global/plugins.bundle.cssand globally included in all pages.
assets/plugins/global/plugins.bundle.jsand globally included in all pages.
Basic example of range slider with full touch support: