---
category: display
---

# Collapsible

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

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

| Part | Props |
| --- | --- |
| `CollapsibleTrigger` | `React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>` |
| `CollapsibleContent` | `React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>` |

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