Demo

Empty State

Fill spaces when no content has been added yet.

Loading...

Usage

example-usage.tsx
<EmptyState
  icon={
    <div className="flex size-12 items-center justify-center rounded-md border">
      <ChartIcon className="size-6 shrink-0 text-muted-foreground" />
    </div>
  }
  title="Title"
  description="A message conveying the state of the product."
/>