Empty View
Full-viewport empty state — composes EmptyStatePanel inside a min-h-screen centered wrapper
SSR mode
Examples
Full-viewport empty state with action
No items yet
Get started by creating your first item. It only takes a moment.
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| EmptyView | Full-viewport empty state. Wraps EmptyStatePanel in a min-h-screen flex items-center justify-center bg-subtle-bg container so the centred layout fills the browser window. Accepts the identical parameter surface as EmptyStatePanel and forwards all values. |
EmptyView
Full-viewport empty state. Wraps EmptyStatePanel in a min-h-screen flex items-center justify-center bg-subtle-bg container so the centred layout fills the browser window. Accepts the identical parameter surface as EmptyStatePanel and forwards all values.
| Property | Type | Required | Description |
|---|---|---|---|
| Title | string | Heading for the empty state. Forwarded to EmptyStatePanel. | |
| Description | string? | Supporting muted text. Forwarded to EmptyStatePanel. Omit to suppress. | |
| IconSvg | string? | SVG path string for an optional icon. Forwarded to EmptyStatePanel. Omit to suppress. | |
| Action | RenderFragment? | Optional action slot. Forwarded to EmptyStatePanel. | |
| Borders | bool | Forwarded to EmptyStatePanel. Default: true. | |
| BgFilled | bool | Forwarded to EmptyStatePanel. Default: false. | |
| Gutters | bool | Forwarded to EmptyStatePanel. Default: true. | |
| MinHeight | string | Min-height Tailwind class on the outer wrapper. Default: min-h-screen (full viewport). Set to h-full for embedded use inside a sized parent (the catalogue preview uses this). |