EmptyDashboard
Dashboard page showing an empty state with a call-to-action button.
Category: display · WCAG 2.1-AA · block, dashboard, empty-state, page
Props
| Prop | Type | Default | Description |
|---|---|---|---|
onCreateItem | () => void | — | Create item button handler |
When to use
- A first-run or zero-data dashboard with an empty state and primary CTA
- Guiding users to create their first item
When not to use
- Data already exists — use DashboardCharts or DashboardLayout
- A generic empty state inside a component — use an inline EmptyState
Examples
Default
Empty dashboard
<EmptyDashboard />Related components
- DashboardCharts — Use once the dashboard has data to display