Accordion
Progressive disclosure for FAQs and settings. Rows are separated by hairlines; the chevron flips when a row is open.
FAQ
Yes. Every colour is a semantic token with a Light and a Dark value — set data-theme on any element to switch.
<Accordion items={[{ question: "…", answer: "…" }]} defaultOpen={[0]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | { question, answer }[] | — | Rows. |
multiple | boolean | false | Allow several open at once. |
defaultOpen | number[] | [] | Initially open rows. |