Empty State
Placeholder shown when a list, table, or section has no content. Composes an icon, title, description, and optional actions.
Basic
No messages
When you receive messages, they'll appear here.
With action
No projects yet
Create your first project to get started.
No results
No results found
Try adjusting your search or filters to find what you're looking for.
Minimal
No items
Add an item to get started.
Parts
| Prop | Type | Default | Description |
|---|---|---|---|
| EmptyState | div | — | Root container. Centered column layout with generous vertical padding. |
| EmptyStateIcon | div | — | Muted circular icon slot. Sizes child SVG to 24×24. |
| EmptyStateTitle | h3 | — | Short heading for the empty condition. |
| EmptyStateDescription | p | — | One or two lines explaining why it's empty or what to do. |
| EmptyStateActions | div | — | Flex row for CTA buttons. Wraps on small screens. |