Skip to end of metadata
Go to start of metadata
You are viewing an old version of this content. View the current version.
Compare with Current
View Version History
« Previous
Version 20
Next »
Toggle is a control that is used to quickly switch between two possible states.
Toggles are used for binary actions that occur immediately after the user “flips” the Toggle switch. They are commonly used for “On/Off” situations.
Usage & Behavior
General guidelines
States

Interaction
Validation and Errors

Use labels with a Toggle so the action is clear. Labels should described the function of toggle and let the toggle type (icon, text etc) convey the toggles state.
Use adjectives rather than verbs to describe labels and the state of the object affected.
Design
Current appearances in our products
Expand to view products and screenshots
WFM Calendar:

Current appearances in our products
Expand to view products and screenshots
New LUX design