4AF Components

Feedback and status

Empty

A composable empty-state layout for missing content and first-run actions.

View as Markdown
⠋

Install

npx shadcn@latest add https://4af.selfsimilar.dev/r/empty.json

Usage

import { Empty, EmptyTitle } from "@/components/ui/empty";

<Empty>
  <EmptyTitle>No projects yet</EmptyTitle>
</Empty>

API

Main exports: Empty and its header, media, title, description, and content parts

A composable empty state, borderless by default with an optional dashed placeholder treatment.

On this page