Aedis UI

Empty

The state of a page or list with nothing in it yet, and what to do next.

No agents yet
Hire your first agent to start handing off work.

Installation

Once per app, set up Aedis UI. The CLI verifies the signed release before writing anything and pins every dependency:

npx @aedis/cli@0.1.0 init

Import the theme once in your global CSS, after Tailwind:

app/globals.css
@import "tailwindcss";@import "./styles/aedis-theme.css";

Then add the component:

npx @aedis/cli@0.1.0 add empty# pnpm dlx @aedis/cli@0.1.0 add empty · yarn dlx @aedis/cli@0.1.0 add empty · bunx @aedis/cli@0.1.0 add empty

Props

PropTypeDefaultDescription
EmptyMedia variant"default" | "icon""default"Decorative, hidden from assistive technology.

Security

  • Text only.