Switch

switchForms

An on or off setting that takes effect the moment it flips. If the change waits for a Save button, use Checkbox instead.

Registry JSON
bunx --bun shadcn@4.17.0 add @waimakers/switch
Kit dependencies
utilstheme
npm dependencies
@base-ui/react@1.9.0

From the registry

Immediate on/off settings, in default and small sizes, on Base UI Switch.

Examples

Settings

A short settings list. Each switch applies at once and says so.

On. Next post Friday at 16:00.

Off.

Sizes

Default for settings pages, small for dense rows and toolbars.

States

Disabled off, disabled on, invalid and focused.