Toggle
Carbon's Toggle component. Distinct from Switch in spec: Toggle has inline ON / OFF text labels and is used for binary settings tied to a label (e.g. "Notifications: Enabled / Disabled"). Switch is the compact iOS-style affordance.
primitives-toggle--defaultOpen all variants →
When to use
- Form-style binary settings with an explicit label and on/off state text ("Notifications: Enabled / Disabled").
- The default for any form row that flips a single boolean — Carbon's recommended shape.
When not to use
- Compact settings rows where the label is rendered separately and "Off"/"On" text would be noise → use `Switch`.
- Multi-state — use `Tabs` or
ContentSwitcherpattern. - Multi-select — use `Checkbox`.