---
category: display
---

# Accordion

Source: `components/ui/accordion.tsx`.

`Accordion` is a compound component. Its parts are exported **flat** (`AccordionItem`, not
`Accordion.Item`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `AccordionItem` | `React.ComponentProps<typeof AccordionPrimitive.Item>` |
| `AccordionTrigger` | `React.ComponentProps<typeof AccordionPrimitive.Trigger>` |
| `AccordionContent` | `React.ComponentProps<typeof AccordionPrimitive.Content>` |

All parts accept `className` and are composed as children of `Accordion`.