Empty
An empty state placeholder for when no data is available.
empty-demo.app
No results found
Try adjusting your search terms or filters.
Installation
terminal.sh
npx y2kui@latest add emptyUsage
import { Empty } from "@/components/ui/empty"
<Empty
icon={<InboxIcon />}
title="No messages"
description="You have no unread messages."
action={<Button>New message</Button>}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
icon | ReactNode | — | Icon displayed above the title. |
title | ReactNode | — | Primary heading text. |
description | ReactNode | — | Supporting description. |
action | ReactNode | — | Call-to-action element. |
children | ReactNode | — | Additional custom content. |
className | string | — | Additional Tailwind classes. |