stylexcn
Components

Empty

Placeholder for a vacant list or page. Media, title, description, and optional action.

Preview

No messages
You don't have any messages yet.
No messages
You don't have any messages yet.

Installation

pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/empty.json
pnpm dlx shadcn@latest add @stylexcn/empty

Usage

<Empty>
  <EmptyHeader>
    <EmptyMedia variant="icon">
      <Inbox />
    </EmptyMedia>
    <EmptyTitle>No messages</EmptyTitle>
    <EmptyDescription>You don't have any messages yet.</EmptyDescription>
  </EmptyHeader>
  <EmptyContent>
    <Button>Send a message</Button>
  </EmptyContent>
</Empty>