Switch
Toggle switch control built on Radix Switch primitive with pill rounded-full track and animated sliding thumb handle.
// Radix — @radix-ui/react-switch
import { Switch } from "@shavin/ui";Sizes
Component Source
<Switch size="sm" checked={sm} onCheckedChange={setSm} />
<Switch size="md" checked={md} onCheckedChange={setMd} />Disabled
Component Source
<Switch size="md" checked disabled />
<Switch size="md" checked={false} disabled />Props
| Prop | Type | Default |
|---|---|---|
| asChild | boolean | — |
| checked | boolean | — |
| defaultChecked | boolean | — |
| onCheckedChange | ((checked: boolean) => void) | — |
| required | boolean | — |
| size | "sm" | "md" | null | "md" |