Empty State
Placeholder displayed when a list, table, or section has no content. Communicates what's missing and what to do next.
Examples
No messages yet
When you receive messages they will appear here.
No results
No results found
Nothing matches your search. Try different keywords.
Without icon
No projects yet
Create your first project to get started.
Props
title*
string
Primary message.
description
string
Supporting text below the title.
icon
ReactNode
Icon displayed above the title.
action
ReactNode
Action element (typically a Button) displayed below the description.
className
string
Additional classes.
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | — | Primary message. |
| description | string | — | Supporting text below the title. |
| icon | ReactNode | — | Icon displayed above the title. |
| action | ReactNode | — | Action element (typically a Button) displayed below the description. |
| className | string | — | Additional classes. |