Empty
An empty state component for when there is no data to display. Use it to guide users with a title, description, and optional icon.
No results found
Try adjusting your search or filter to find what you are looking for.
Installation
npx shadcn add empty --registry https://ui.ch.sh/r
Usage
import {
Empty,
EmptyHeader,
EmptyTitle,
EmptyDescription,
} from "@/components/ui/empty"
export default function Example() {
return (
<Empty>
<EmptyHeader>
<EmptyTitle>No items</EmptyTitle>
<EmptyDescription>
Get started by creating a new item.
</EmptyDescription>
</EmptyHeader>
</Empty>
)
}