Cloudflare Style is in Alpha and is a work-in-progress. Expect changes. Contact DESSYS with any questions.
Toggle
A toggle switch is a digital on/off switch. Toggle is a control that is used to quickly switch between two possible states. Toggles are only used for these binary actions that occur immediately after the user “flips the switch”. They are commonly used for “on/off” switches. Toggle switches should take immediate effect and should not require the user to click Save or Submit to apply the new state.
Details
- Design
- Code
- Toggle actions should take effect immediately.
- Use an accompanying heading to clarify the action a toggle will perform. Headings include table headers and card titles.
- Use a
labelto indicate a toggle’s state. - Use adjectives, rather than verbs, for labels. Use the same adjectives to describe the state of the toggle elsewhere.
- For actions that require additional steps to take effect, use a
checkboxor another component.
Product Usage
- Dashboard
- Teams
- Radar
v4.2.15Last updated October 31, 2019