...
When the stepper reaches the minimum or maximum value, the up/down buttons will be disabled respectively.
Other validations will be provided for invalid syntax, invalid numbers, and missing values. See Field Validation for more info.
Best Practices
...
when the range of values is large, and the user may select any value within this range.
for binary values (e.g. 0 and 1).
for a range of three values or fewer → use Radio Buttons or Toggle Buttons.
General:
Use meaningful intervals between values (not too small, not too big), so that each increase and decrease is predictable, noticeable, and valuable.
Show the range of valid values in the label when it is unusual or unexpected, to help the user avoid mistakes.
Avoid decimals as possible (e.g. 1, 2, 3 not 1.1, 1.2, 1.3).
Accessibility compliance
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.
Focus management
In the focus state
...
Typing , typing will enter a value
Keyboard | Description |
|---|---|
Tab | Navigates to the next component. |
...
The up and down arrow keys on the keyboard will increase or decrease the value accordingly.
...
Shift + tab | Navigates to the previous component. |
Space | N/A |
Enter | N/A |
Esc | N/A |
Arrows |
|
Home | Sets slider to its minimum value. |
End | Sets slider to its maximum value. |
Design
Zeplin link | |
|---|---|
.png?version=3&modificationDate=1635085184016&cacheVersion=1&api=v2) |
...