Switch
A control that allows the user to toggle between checked and not checked.
Installation
Default
Start with the simple shadcn-style pattern: one label, one description, and one uncontrolled switch.
Preview
Disconnect wireless radios while you travel and restore them when you land.
Controlled
Use checked and on-checked-change when nearby UI should stay synchronized with the current switch state.
Preview
Focus Automations
Keep a summary card in sync with each toggle to show when controlled state is the better fit.
Sync your focus status to every signed-in device.
Receive alerts whenever focus mode is enabled or disabled.
Automatically enable focus mode during your scheduled deep-work hours.
Enabled
{enabledAutomationCount}
{enabledAutomationSummary}
Choice Card
Wrap the switch in a full-width card pattern when the description needs more space and the selected state should use shadcn-style blue emphasis.
Preview