Docs
Empty State
Empty State
Fill spaces when no content has been added yet.
Title
A message conveying the state of the product.
Title
This should detail the actions you can take on this screen, as well as why it’s valuable.
Usage
import { DescriptionList } from '@/components/ui/description-list';<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."
/>