Installation
Examples
With label and description
Paired label and helper text.
Dark mode
Use dark theme across all pages
Sizes
sm, md (default), and lg.
sm
md
lg
States
On, off, and disabled.
On
Off
Disabled
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| checked | boolean | false | Controlled checked state. |
| onCheckedChange | (v: boolean) => void | — | Called when state changes. |
| size | 'sm'|'md'|'lg' | 'md' | Controls width and height. |
| disabled | boolean | false | Disables the switch. |
| label | ReactNode | — | Label beside the switch. |