# Empty state section

> An EmptyState with section spacing, for a whole empty page or panel.

URL: https://apogee.avaui.dev/docs/sections/empty-state-section
Last updated: 2026-10-15

An EmptyState with section spacing, for a whole empty page or panel.

Last updated October 15, 2026

```astro
<EmptyStateSection heading="No invoices yet" description="…">
<Inbox slot="icon" />
<Button slot="actions">Create invoice</Button>
</EmptyStateSection>
```

## Add

```sh
npx @ava-ui/apogee add empty-state-section
```

## API

| Prop | Type | Default | Category | Description |
| --- | --- | --- | --- | --- |
| `heading`, `description` | `string` | — | content | `heading` required. |
| `icon`, `actions` slots |  |  | content | Passed to `EmptyState`. |
| `layout` | `'centered'` | `'centered'` | layout |  |
| `spacing` |  | `'medium'` | layout |  |

## Accessibility

-   A region named after the heading; the icon is decorative.