Empty State
v0.3.0A generic centered placeholder for empty lists, grids, or search results: an optional icon, a description, and an optional action. Modeled on AntD's `Empty` — reusable anywhere something has nothing to show yet.
A generic centered placeholder for empty lists, grids, or search results: an optional icon, a description, and an optional action. Modeled on AntD's Empty — reusable anywhere something has nothing to show yet.
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
icon | ReactNode | — | Icon or illustration shown above the description |
description | ReactNode | — | Message explaining the empty state (required) |
children | ReactNode | — | Action content rendered below the description |
className | string | — | Additional class names |
Compositions
Open all 3 →Properties
EmptyState props
| Prop | Type | Default | Description |
|---|---|---|---|
description* | ReactNode | — | Message explaining the empty state |
children | ReactNode | — | Action content rendered below the description (typically a Button) |
className | string | — | Additional class names to merge with the component root element |
icon | ReactNode | — | Icon or illustration shown above the description |
Also accepts the native attributes of its root element (className, aria-*, event handlers, …).