Toggle
Switch a single action between pressed and unpressed states.
Preview
Import
import { Toggle } from "@sigil-ui/components";Usage
<Toggle>Toggle</Toggle>Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "outline" | default | Visual variant. |
size | "sm" | "md" | "lg" | md | Toggle size. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-surface-elevated | Surface elevated |
--s-surface | Surface |
--s-border-strong | Border strong |
--s-border-style | Border style |
--s-border | Border |
--s-radius-md | Radius md |
--s-text-secondary | Text secondary |
--s-duration-fast | Duration fast |
--s-primary | Primary |
--s-text | Text |