Components

Empty State

Fill spaces when no content has been added yet.

Blank State

Title

A message conveying the state of the product.

Informational

Title

This should detail the actions you can take on this screen, as well as why it’s valuable.

Learn more

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."/>