Empty

A placeholder for empty states with optional icon, title, and description.

Preview

No messages
You don't have any messages yet. When you receive messages, they'll appear here.

Installation

Install the package using your preferred package manager:

npx shadcn@latest add @airy/empty

Usage

Import the component from the package:

import { Empty } from "@/registry/ui/empty"

Then use it in your application:

<Empty />

Examples

Default

No messages
You don't have any messages yet. When you receive messages, they'll appear here.