import { Switch } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
labelreq | string | — | Accessible label text |
switchSize | "sm" | "md" | "lg" | "md" | Track and thumb dimensions |
checked | boolean | — | Controlled on/off state |
disabled | boolean | — | Disable interaction |
labelrequiredType
stringDefault —Accessible label text
switchSizeType
"sm" | "md" | "lg"Default "md"Track and thumb dimensions
checkedType
booleanDefault —Controlled on/off state
disabledType
booleanDefault —Disable interaction
MobileTouch Target
Switch track is 44px wide but only 24px tall by default. Wrap in a min-h-[44px] container or use the toggle pattern with a full-row tap area.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?