EmptyState

Organism

Empty-state message shown when there is no data. Supports icon, title, description, and action slots.

Props EditorInteractive

No projects yet

Create your first project to get started.

<EmptyState
  icon="📁"
  title="No projects yet"
  description="Create your first project to get started."
  action={<Button variant="primary" size="sm">New project</Button>}
/>

With action

Preview

No projects yet

Create your first project to get started.

Code
<EmptyState icon="📁" title="No projects yet" description="Create your first project to get started." action={<Button variant="primary" size="sm">New project</Button>} />

Minimal

Preview

No results found

Try adjusting your search or filters.

Code
<EmptyState title="No results found" description="Try adjusting your search or filters." />
Sourcemodules/ui/EmptyState.tsx