EmptyState
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
Loading…
No Results#
Loading…
Suggestions#
Loading…
Err#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | ReactNode | — | Glyph or icon node shown in the rounded plate. |
| title * | ReactNode | — | Title heading. |
| description | ReactNode | — | Body description. |
| action | ReactNode | — | Optional primary action (e.g., a Button) below the description. |
| chips | readonly { label: ReactNode; onClick?: (() => void) | undefined; }[] | undefined | — | Optional list of chip-style suggestions instead of (or below) the action. |
| tone | enum | — | Semantic tone for the icon plate. Omit for the neutral default. |