Components

noUislider

Examples and usage guidelines for range slider with noUislider plugin.

Basic Configuration

For input slider use .js-range class on a blank div that must have an id.

Vertical Slider

To make this vertical just add [data-orientation="vertical"] attribute on .js-range element.

Advanced Configuration

Range slider with tooltip value preview. just add [data-tooltip="true"] attribute on .js-range element.

© 2024 DashWind. Template by Softnio