API Reference
Accordions
Collapsible detail — optional depth or FAQ-style content, present by default but folded away.
Collapsible detail. Reach for it when content is optional depth or FAQ-style — present by default
but folded away. Group <Accordion> items in an <AccordionGroup>.
When to use it
Use accordions to keep a page scannable when some content is reference-only or answers a "what about…?" — FAQs, edge cases, long config blocks. If the reader needs every item in order, use Steps; if they need one of several alternatives, use Tabs.
Props
| Component | Prop | Type | Description |
|---|---|---|---|
<Accordion> | title | string | The always-visible summary line |
<Accordion> | children | ReactNode | The revealed body |