Settings

Config

Every checkbox here is config/design-system.config.ts, live. Toggle a colour, size, type, or section and it disappears from that component's doc page immediately - uncheck a component entirely and it drops out of the sidebar and overview too. Changes persist in this browser only; they don't edit the file on disk.

20 configured components

Accordion

/components/accordion

Alert

/components/alert

Avatar

/components/avatar

Badge

/components/badge

Button

/components/button

Button utility

/components/button-utility

Checkbox

/components/checkbox

Input

/components/input

Progress

/components/progress

Progress steps

/components/progress-steps

Radio buttons

/components/radio-buttons

Radio groups

/components/radio-groups

Section headers

/components/section-headers

Sections

playground

actions

usage

figma

Select

/components/select

Tabs

/components/tabs

Text editor

/components/text-editor

Textarea

/components/textarea

Toast

/components/toast

Toggle

/components/toggle

Tooltip

/components/tooltip