EmptyState

No items yet

Add your first item.

How to use

Import EmptyState and pass icon, title, description, and optional action. Copy the examples below.

1. Import

tsx
import { EmptyState } from "@/app/components/ui";
import { Inbox } from "lucide-react";

2. Basic usage

tsx
<EmptyState
  icon={<Inbox className="w-7 h-7" />}
  title="No items yet"
  description="Add your first item."
  actionLabel="Add item"
  onAction={() => {}}
/>