Controlled
Light mode
Light document palette
Canvas and ink tokens update when you toggle.
Sizes
Uncontrolled
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| theme | Optional | SiteTheme | atelier | Visual theme for the button chrome. |
| value / onChange | Optional | ColorMode | — | Controlled document mode. |
| syncDocument | Optional | boolean | true | Toggle .dark on documentElement. |
| storageKey | Optional | string | atelier-color-mode | localStorage key. |
| size | Optional | "sm" | "md" | "lg" | md | Icon button size. |