Components
Toggle Switch
componentformbooleansettingsinteraction
An on/off control that takes immediate effect without requiring a submit action.
When to use
- Settings that turn features on or off instantly
- Dark/light mode switches
- Prefer over checkboxes when the change is applied in real time
Examples
- Notification settings (Email on/off, Push on/off)
- Dark mode toggle in a profile menu
See this in the wild
Analyze a site and look for toggle switch in the breakdown.