Aedis UI

Card

Container with header, content and footer.

Account Executive

Turns opportunities into signed projects.

Junior · business hours · 3 channels

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 card# pnpm dlx @aedis/cli@0.1.0 add card · yarn dlx @aedis/cli@0.1.0 add card · bunx @aedis/cli@0.1.0 add card

Props

PropTypeDefaultDescription
...propsdiv props—Each part forwards the props of its element.

Security

  • No behavior; render agent text inside with the Chat or markdown components, never as raw HTML.