Components

Switch

A control that toggles a setting on or off immediately.

Share anonymous analytics

Installation

npx shadcn@latest add @blank/switch

import { Switch } from "@/components/ui/switch"

<Switch id="airplane-mode" />

A switch applies immediately. When a change only takes effect after Save, use a checkbox instead.

Two-factor authentication

Ask for a code on every new device.

Single sign-on

Available on the Team plan.

Every Radix Switch.Root prop, such as checked, defaultChecked, onCheckedChange and disabled, plus:

Prop	Type	Default
`size`	`"sm" \| "default"`	`"default"`