Feedback

Empty state

A centered placeholder with an icon, title, optional sub-line, and an action — for empty lists and zero states.

Preview

light

Nothing here yet

Items you create will appear in this list.

dark

Nothing here yet

Items you create will appear in this list.

<EmptyState icon={Inbox} title="Nothing here yet"
  sub="Items you create will appear in this list."
  action={<Button size="sm">Create</Button>} />

Import from @/components/ui.

Prop	Type	Default	Description
`icon`	`LucideIcon`	`—`	Leading glyph.
`title`	`string`	`—`	Headline.
`sub`	`string`	`—`	Supporting line.
`action`	`ReactNode`	`—`	Optional CTA.