---
category: layout
---

# Empty

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

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

| Part | Props |
| --- | --- |
| `EmptyHeader` | `React.ComponentProps<'div'>` |
| `EmptyTitle` | `React.ComponentProps<'div'>` |
| `EmptyDescription` | `React.ComponentProps<'p'>` |
| `EmptyContent` | `React.ComponentProps<'div'>` |
| `EmptyMedia` | `React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>` |

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