...
Sliders allow users to select a value from a predefined range.
 |
Types
Type | Usage | Image |
|---|---|---|
Single-value slider | Use to select a single value from a predefined range. | |
Range slider | Use to select a range of values, within minimum and maximum values. See Range Slider below. |  |
Usage & Behavior
General guidelines
Sliders may appear in forms, dialogs, filter panels, or widgets.
The set of values can be either discrete or continuous, depending on the number of values (see Structure below).
Structure
A slider consists of:
...
In the Focus stated for a single-handle value slider:
Using the left and right arrows will move the handle accordingly.
If a supplementary text field exists, typing will enter/update the value.
...