Small size
Run npm i then npm run dev to start the catalog.
Medium default
Set theme="indigo-glass" and mode="dark" on any component.
Token chips
--atelier-accent--atelier-radius--atelier-easeFile paths
Copy to src/app/ui/button.tsx after core lives in src/app/ui/core/.
Props in prose
Every component accepts theme and mode— wire mode to your app's dark class.
API identifiers
Handler:
onPageChangeType: SiteThemeAPI
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| theme | Optional | SiteTheme | atelier | Visual theme. |
| size | Optional | "sm" | "md" | md | Text and padding scale. |
| children | Optional | ReactNode | — | Code snippet text. |