Empty State

Placeholder layouts for empty datasets, search resets, document creation, and zero state screens.

Component Syntax

blade

<x-aura::empty-state icon="folder-open" title="No Projects Found" description="Get started by creating a new project.">
    <x-aura::button variant="primary" size="sm">
        Create
    </x-aura::button>
</x-aura::empty-state>

1. Project Creation Zero State

blade

No Projects Found

You have not created any workspace projects yet. Get started by creating your first project.

<x-aura::empty-state 
    icon="folder-open"
    title="No Projects Found" 
    description="You have not created any workspace projects yet. Get started by creating your first project."
>
    <x-aura::flex align="center" gap="2.5">
        <x-aura::button variant="secondary" size="sm">
            Templates
        </x-aura::button>

        <x-aura::button variant="primary" size="sm" icon="plus">
            Create
        </x-aura::button>
    </x-aura::flex>
</x-aura::empty-state>

2. Search Filter No Results

blade

No Matches Found

We could not find any records matching your search criteria. Try adjusting keywords or clearing active filters.

<x-aura::empty-state 
    icon="search"
    title="No Matches Found" 
    description="We could not find any records matching your search criteria. Try adjusting keywords or clearing active filters."
>
    <x-aura::button variant="outline" size="sm" icon="rotate-ccw">
        Reset
    </x-aura::button>
</x-aura::empty-state>

3. Minimal Placeholder

blade

All Caught Up

You have zero unread notifications in your personal queue.

<x-aura::empty-state 
    icon="inbox"
    title="All Caught Up" 
    description="You have zero unread notifications in your personal queue."
/>

Component Props

Available properties and configurations for the empty state component.

Prop	Default	Available Values
title	null	Title string
description	null	Description string
icon	null	Icon name string or HTML slot

Aura Wire

Component Library

Empty State

Component Syntax

1. Project Creation Zero State

No Projects Found

2. Search Filter No Results

No Matches Found

3. Minimal Placeholder

All Caught Up

Component Props

Skeleton

Table

Aura Wire