Empty

Use the Empty component to display an empty state.

shadcn/ui docs
No projects yet
You haven't created any projects yet. Get started by creating your first project.

Installation

pnpm dlx shadcn@latest add https://neobrutalism.dev/r/empty.json

Usage

import {
  Empty,
  EmptyContent,
  EmptyDescription,
  EmptyHeader,
  EmptyMedia,
  EmptyTitle,
} from '@/components/ui/empty'
<Empty>
  <EmptyHeader>
    <EmptyMedia variant="icon">
      <FolderIcon />
    </EmptyMedia>
    <EmptyTitle>No data</EmptyTitle>
    <EmptyDescription>No data found</EmptyDescription>
  </EmptyHeader>
  <EmptyContent>
    <Button>Create project</Button>
  </EmptyContent>
</Empty>

Examples

Default

No projects yet
You haven't created any projects yet. Get started by creating your first project.

With Input

404 - Not Found
The page you're looking for doesn't exist. Try searching for what you need below.
Need help? Contact support