Empty
A placeholder for empty states with icon, title, and description.
Usage
tsx
import { Empty } from "@/components/ui/empty";
<Empty mediaVariant="icon">...</Empty>Empty Controls
mediaVariant
Examples
Basic Empty State
No messages
Your inbox is empty. New messages will appear here.
With Action
No results found
Try adjusting your search or filters.
Installation
Install
$ pnpm dlx shadcn@latest add @perimeter/empty