Layout
Accordion
Vertically stacked headers that expand to reveal content. Single or multi-open.
Preview
Yes — it follows WAI-ARIA Disclosure semantics.
Import
ts
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion';Usage
tsx
<Accordion defaultValue={[0]}>
<AccordionItem>
<AccordionTrigger>Question 1</AccordionTrigger>
<AccordionContent>Answer 1</AccordionContent>
</AccordionItem>
</Accordion>