Explain an empty area and how to leave it.
Say what is missing and offer the next step with action.
Inside a Card, for a list or table that has no rows.
On a first visit, offer the main action and a second way in.
When a request fails, say what happened and what to do next.
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| title | what is empty | ReactNode | - | - |
| description | how to leave the empty state | ReactNode | - | - |
| icon | icon above the title | ReactNode | - | - |
| action | usually a Button | ReactNode | - | - |
| ... | native props | HTMLAttributes | - | - |