Toggle

Toggle is similar to a two-option radio group in function but is used for quickly switching between binary actions. Toggle must always be accompanied by a label, and follows the same keyboard workflow as a checkbox.

Alternatives

• Checkbox — For boolean values in forms.
• Radio — For binary choices in forms.

Usage

A control used to quickly switch between two possible states. Toggles are only for binary actions that occur immediately after the user "flips" the toggle switch.

Do not use in forms — or other workflows that have "submit" behaviour.