Components

Empty

A placeholder for a view with nothing in it yet.

No deployments yet

Push to a connected branch and the first build starts on its own.

Installation

npx shadcn@latest add @blank/empty

Usage

import {
  Empty,
  EmptyContent,
  EmptyDescription,
  EmptyHeader,
  EmptyMedia,
  EmptyTitle,
} from "@/components/ui/empty"

<Empty>
  <EmptyHeader>
    <EmptyMedia variant="icon">
      <InboxIcon />
    </EmptyMedia>
    <EmptyTitle>No messages</EmptyTitle>
    <EmptyDescription>New messages show up here.</EmptyDescription>
  </EmptyHeader>
  <EmptyContent>
    <Button>Compose</Button>
  </EmptyContent>
</Empty>

Examples

Outline

The border style is dashed but has no width until you add border, so the same component works inside a card and on its own as a drop zone.

Drop files to upload

PNG, JPG or PDF, up to 10 MB each.

No results

No results for deploy hook

Check the spelling or search the changelog instead.