Card
A bordered surface that groups one record or one task. Reach for it when a block of content needs its own edge; flat by default, no shadow.
bunx --bun shadcn@4.17.0 add @waimakers/card- npm dependencies
- None
From the registry
Surface, hairline and radius from the brand roles; the title is set in the brand display face.
Examples
Basic
Header, content and footer on the surface role, with the title in the display face.
Summarises last week's meetings, open commitments and the agents that ran on your behalf.
With actions
Actions sit in the footer. One primary at most; the rest step down.
Read access only. You can disconnect at any time from your profile.
Agent summary
A record card: avatar, status and a short list of facts.
- Owner
- Anna
- Skills
- 4
- Runs this week
- 37
Loading
While the record loads, the SkeletonCard preset holds the card's shape.
Empty
A card with nothing in it yet says so and offers the first step.
No skills yet
Give this agent a skill so it can act on your behalf.