ONGOING
| Table of Contents |
|---|
Description
...
Usage & Behavior
General guidelines
Text
The label should describe what the control will do when the switch is on
Use adjectives rather than verbs to describe labels and the state of the object affected.
States
State | Image | Comment |
|---|---|---|
Regular | <TBD> | |
Hover | ||
Active | ||
Disabled | ||
Error |
...
Interaction
User can click anywhere inside the button to change sets
...
Validation and Errors
...
Best practices
Toggles should provide immediate results - should not require the user to click Save or Submit to apply the new state.
...
Toggles should not be part of a form (use radio buttons instead)
Use a toggle if:
...
Use when you need to clearly show the mode or state that a setting is in
...
Don’t use
...
:
The user has to choose several options
The user has to perform several actions for the change to become effective (in this case, choose checkboxes)
part of a form (use radio buttons instead)
Design
Zeplin Link | Thumbnail |
|---|---|
 |
...