Back to Switch
View full API on Switch
Switch
Control position
Inline-start vs inline-end switch placement.
Control at inline-start.
Control at inline-end (default for settings rows).
API
| Prop | Type | Default | Description |
|---|---|---|---|
| checked / defaultChecked | boolean | — | Controlled / uncontrolled on state. |
| onCheckedChange | (checked: boolean) => void | — | Fires when the value changes. |
| label | React.ReactNode | — | Top field label. |
| text | React.ReactNode | — | Inline label text beside the switch. |
| helpText | React.ReactNode | — | Supplementary help text. |
| controlPosition | "start" | "end" | end | Inline-start/end placement (RTL-aware). |
| disabled | boolean | — | Native disabled state. |