menu
search
Basic example

Set min value, max value and start point.

Range

Set min value, max value, start point and end point.

Connect

The connect option can be used to control the bar between the handles or the edges of the slider.

Step

By default, the slider slides fluently. In order to make the handles jump between intervals, you can use the step option.

Orientation

The orientation setting can be used to set the slider to "vertical" or "horizontal".

Direction

By default the sliders are top-to-bottom and left-to-right, but you can change this using the direction option, which decides where the upper side of the slider is.

Tooltips

Disable tooltip using the tooltips option.

Color variations

Add modifier classes to change the appearance of a slider.