Sliders

Sliders are used to control settings across a scale. Standard step sliders feature fixed points on the scale, free sliders give users complete control over more specific variables like percentages.

Step slider with data options

Next, the component has to be initialized.

 

Step slider with predefined options

 

Sliders with switches

 

Ticks without explicit labels

If options are provided but no labels are specified the range component automatically generates the labels based on the provided options value.

Next, the component has to be initialized.

 

Disabled step slider

Next, the component has to be initialized.

 

 

Free slider

The light style of the free slider. Use the formatter parameter to customize output formatting on the thumb thumbnail and the output label. In order for the component to find your formatting function it has to be available globally.

Next, the component has to be initialized.