Default
Form field
On
Off
Disabled
1. When to use
The toggle switch should be used to toggle a setting "on" or "off".²
2. Immediate effect
When possible, the effects of a toggle switch should take immediate effect.¹ This most closely matches user expectations because it matches the behavior of real-world switches. If this is not possible, ensure a "Save" button is displayed prominently in the UI and work with your team to explore updating to immediate effect.
3. Don't use for actions
Toggle switches should not be used to trigger one-time actions. Buttons should be used instead.⁴
Always include a label. Keep labels clear and as short as possible.¹ The label should be a noun or noun phrase that describes the what the setting is.
If necessary, use a verb that clarifies what turning the setting on does. The verb should be as specific as possible, instead of something generic like “Turn on”.
Help text can be used to provide additional information describing what the user is selecting. Keep this information as short as possible while still being descriptive--one phrase or short sentence.
Use a different component to capture longer text if an elaborate explanation is required.
 |  |
|---|---|
Pacing Control the tactic’s rate of delivery | Turn on Tactic Pacing Pacing allows you to control how quickly the tactic spends its budget or delivers impressions (even pacing or pace ahead). Tactic pacing overrides group pacing, if applicable. |
Related Components
Related Patterns
Additional Reading
Toggle-Switch Guidelines https://www.nngroup.com/articles/toggle-switch-guidelines/
Toggle Switch: 5 Simple Design Tips For Better Design https://uxplanet.org/toggle-switch-5-simple-design-tips-for-better-design-b4046eff4a2f
The good, the bad and the toggle https://uxdesign.cc/the-good-the-bad-and-the-toggle-2abc0fbbd099
Stop Misusing Toggle Switches https://uxmovement.com/mobile/stop-misusing-toggle-switches/