All components

Accordion

Stacked collapsible sections.

Full API on ui.shadcn.com

Single collapsible

<Accordion className="w-full max-w-md">
  <AccordionItem value="one">
    <AccordionTrigger>What is this?</AccordionTrigger>
    <AccordionContent>An accordion is stacked collapsible sections.</AccordionContent>
  </AccordionItem>
  <AccordionItem value="two">
    <AccordionTrigger>Why use it?</AccordionTrigger>
    <AccordionContent>To condense long content into navigable parts.</AccordionContent>
  </AccordionItem>
</Accordion>