Empty State

Display a placeholder for asynchronically loading or otherwise missing UI objects. Optionally include any enclosing content. Display an illustration by providing any valid Tabler or Lucide icon name.

'illustration' => false,
'size' => 'lg', // sm | lg

Keine Daten vorhanden.

<x-emptyState>
    <p>Keine Daten vorhanden.</p>
</x-emptyState>

Keine Daten vorhanden.

<x-emptyState illustration="tabler-database-search" size="sm">
    <p>Keine Daten vorhanden.</p>
</x-emptyState>