Selection
Switch
A switch is not a checkbox. It commits the moment it is thrown, with no save step, so it belongs to settings that apply instantly. The on state wears ink rather than the accent, because a screen of switches would otherwise have a dozen primary elements.
npx shadcn@latest add @minflow/switchWhere to use it
- Settings that take effect immediately: notifications, auto-deploy, reduced motion.
- Never inside a form that has a submit button; that is a checkbox.
Variations
Standard
The default labelled switch.
Settings row
In a settings list, with the label on the left spine and the switch aligned right.