Switch

Toggles a setting that takes effect immediately.

@rivetui/switch

Preview

Explore each composition interactively, then open its code in the same context.

Place the immediate setting beside a clear label and concise consequence.

Automatic failover

Route traffic to a healthy region when the primary is unavailable.

On, off, and disabled switches retain a consistent target and alignment.

Use semantic invalid state and a connected error when a switch is required.

Protected production

Enable this control before launch.

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/switch

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.

Prop	Type	Default
`checked`	`boolean`	`—`
`defaultChecked`	`boolean`	`false`
`onCheckedChange`	`(checked: boolean, details) => void`	`—`
`disabled`	`boolean`	`false`