Loading...
Loading...
The Accordion component displays collapsible content sections. Perfect for FAQs, organizing information, and creating expandable content areas.
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from '@/components/ui/accordion';
<Accordion type="single" collapsible>
<AccordionItem value="item-1">
<AccordionTrigger>Question</AccordionTrigger>
<AccordionContent>Answer</AccordionContent>
</AccordionItem>
</Accordion>
// Multiple items open
<Accordion type="multiple">...</Accordion>