Empty State
Placeholder for when there is no data to display.
Examples
No Data Found
No projects found
Get started by creating a new project.
blade
<x-plume::empty-state title="No projects found" description="Get started by creating a new project."
icon="icon-[fluent--folder-open-24-regular]">
<x-plume::button>Create Project</x-plume::button>
</x-plume::empty-state>| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | 'No results found' | The main heading text. |
| description | string | null | Helpful text or instructions for the user. |
| icon | string | 'icon-[fluent--search-info-24-regular]' | Iconify icon name. |
Usage
blade
<x-plume::empty-state title="No items" description="Add an item to get started."
icon="icon-[fluent--box-24-regular]">
</x-plume::empty-state>