When to use
Use for a binary setting that takes effect immediately.
Loading…
Find components, patterns, tokens, and docs
Documentation
Switches represent a state, not a step in a form.
The change should apply immediately. Don't pair a switch with a separate Save for that one setting.
Appearance is not enough. This is the contract for when the control earns a place in the product.
Use for a binary setting that takes effect immediately.
Use a checkbox when the choice is submitted later with a form.
Makes system state visible and reversible without a confirm step.
Expose role switch and checked state. The label must describe the setting, not On/Off.
<Switch
variant="primary"
size="medium"
>
Compact mode
</Switch>