Feedback
EmptyState
A collection with nothing in it — yet.
When to reach for it
Nothing went wrong. The copy says what to do, not what failed.
Examples
default
No projects yet
Everything you publish will show up here. Start with the one you are already building.
Notes
A collection with nothing in it — yet.
Distinct from ErrorState: nothing went wrong here, so the copy says what to do rather than what failed. The two are different components because the shared temptation — one component with a variant — produces error pages that read like empty folders.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| titlerequired | ReactNode | — | |
| action | ReactNode | The one thing to do next. An empty state without an action is a dead end. | |
| description | ReactNode | — | |
| icon | LucideIcon | Optional lucide icon, shown muted inside a quiet circle. |
Also accepts everything in Omit<HTMLAttributes<HTMLDivElement>, 'title'>. Those are forwarded to the underlying element and are not listed row by row.