Empty state section
An EmptyState with section spacing, for a whole empty page or panel.
Last updated
No invoices yet
Invoices you create will show up here.
Show codeHide code
<EmptyStateSection heading="No invoices yet" description="…">
<Inbox slot="icon" />
<Button slot="actions">Create invoice</Button>
</EmptyStateSection>Add
npx @ava-ui/apogee add empty-state-sectionAPI
| 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.