Components
Collapse
Expandable sections that show one answer at a time.
Default
<Accordion>
<AccordionItem value="license">
<AccordionTrigger>Is buena mono free?</AccordionTrigger>
<AccordionContent>
Yes. buena mono ships under the SIL Open Font License 1.1.
</AccordionContent>
</AccordionItem>
</Accordion>Variants
Multiple open, one expanded by default, in a card
It does. Notes hit disk first and sync when a connection returns.
Small, with a disabled item
{/* one panel open on load, several open at once */}
<Accordion multiple defaultValue={["offline"]}>…</Accordion>
{/* compact + disabled item */}
<AccordionItem value="encryption" disabled>
<AccordionTrigger className="py-2 text-xs">…</AccordionTrigger>
</AccordionItem> defaultValue renders a panel expanded on load; multiple keeps several open at once; the compact accordion is Geist's size="small". Items divide with a bottom border by default (Borders) and the first group is
wrapped in a bordered container (Card).
Markdown for agents: /design/collapse.md · spec: /design.md