Empty

Empty state with drawn illustrations (inbox, search, error, folder), title, description and actions.

2 files · 63 locdeps: clsx, tailwind-merge

Create your first project to start deploying.

Try a different spelling or clear the filters.

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/empty.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs empty

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

<Empty title="No projects yet" action={<Button>New project</Button>} />

Prop	Type	Default	Description
illustration	"inbox" \| "search" \| "error" \| "folder" \| ReactNode	"inbox"	Picture.
title / description / action	ReactNode	—	Content.
bordered	boolean	true	Dashed frame.