Empty
Placeholder for lists, tables, and views that have no data yet. Compose EmptyMedia (icon or illustration), EmptyTitle, EmptyDescription, and EmptyContent for actions.
Default
Stacked isometric media (3D layers that lift apart on hover), title, description, and a call-to-action.
It's empty here
You are all caught up. New messages will land here.
Minimal
Just a title and description.
No results
Try adjusting your filters.
With actions
EmptyContent holds one or more call-to-action buttons.
No projects yet
Create your first project or import an existing one.
API Reference
Props, events, and slots for each sub-component.
Empty
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| class | string | — | Container styles. |
EmptyMedia
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "icon" | "stacked" | "default" | default for free-form illustrations, icon adds a muted rounded background, stacked renders an animated isometric layer stack with the icon on the front layer. |
EmptyHeader / EmptyTitle / EmptyDescription / EmptyContent
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| class | string | — | Layout and typography wrappers. Header groups media + title + description; Content holds the call-to-action. |