Switch
A Switch component from the Sigil design system.
import { Switch } from "@sigil-ui/components";
<Switch>Switch content</Switch>
| Prop | Type | Default | Description |
|---|
size | `"sm" | "md" | "lg"` |
label | string | — | — |
thumbIcon | ReactNode | — | Content rendered inside the thumb (e.g. an icon). |
thumbClassName | string | — | Additional classes applied to the thumb element. |
| CSS Variable | Purpose |
|---|
--s-radius-full | Radius full |
--s-border | Border |
--s-primary | Primary |
--s-duration-fast | Duration fast |
--s-ring | Ring |
--s-ring-offset | Ring offset |
--s-background | Background |
--s-shadow-sm | Shadow sm |
--s-text | Text |