Slider

Slider control allows users to select a specific value or a range of values from a set. Usually, slider presents a relatively large dataset and the way that the user interacts with it is helpful to explore the multiple options swiftly.

Usage

  • Visualize the output of the slider as feedback to the user of the current state.
  • As more information can give it to the user, the easier the selection will be.
  • If the value has to be specific, give some resource to the user to fill a precise input, i.e. an input next to the slider.

Variants

The slider component has two variants that can be used depending on the requirements of the application.

VariantDescription
DiscreteSlider can only get the value marked alongside the total line.
ContinuosSlider can take every value mapped.

Slider with input

To accomplish these considerations, some slider's variations were designed with the purpose of offering a great user experience within the application.