Sliders

A slider adjusts values within a given range.

Slider
Native Slider
Web Slider

Usage

As opposed to pickers that set a specific value, sliders adjust the intensity level such as brightness and volume within a present range.

Behavior

  • Value controls

    A slider adjusts values as users rotate the bezel or tap the button. Users tap the screen to move the slider and change values accordingly.

  • Minimum and maximum

    A slider presents a range with a minimum and maximum value.

    A slider adjusts values as users rotate the bezel.