Switch
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
Loading…
On#
Loading…
Sizes#
Loading…
Disabled#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| label | ReactNode | — | Optional inline label rendered to the right of the switch. |
| size | enum | md | Visual size. Default `md`. |
| density | enum | comfortable | `'comfortable'` (default) renders the desktop switch. `'touch'` swaps to the mobile track/thumb dimensions (50×30) for thumb-friendly toggling. |