ComponentServer-safe

Empty

A composed first-run or no-result state with media, copy and actions.

Installation

Preview

No projects yet

Create your first project and start composing an interface from Rivelle primitives.

Usage

tsx

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

<Empty>
  <EmptyHeader>
    <EmptyMedia variant="icon">+</EmptyMedia>
    <EmptyTitle>No projects yet</EmptyTitle>
    <EmptyDescription>Create a project to start composing your interface.</EmptyDescription>
  </EmptyHeader>
  <EmptyContent>Create project</EmptyContent>
</Empty>

API reference

Prop	Type	Default	Description
`variant`	`"default" \| "icon"`	`"default"`	Adds the elevated icon container to EmptyMedia.
`className`	`string`	`—`	Overrides or extends the generated Tailwind classes.
`disabled`	`boolean`	`false`	Prevents user interaction when supported.