Card
A container with header, content and footer that share one edge.
Invite your team
Everyone you invite can edit this workspace.
- Owner
Ada Lovelace
ada@yolkui.com
- Editor
Grace Hopper
grace@yolkui.com
2 of 5 seats used
Installation
npx yolkui add cardSmall
size="sm": a smaller title and buttons, the same spacing.
Storage
Resets on 1 December
18.4 GBof 50 GB
Image
An image placed first drops the top padding and takes the card's corners.
Design systems meetup
Thursday, 14 November · Sofia
Image last
An image placed last drops the bottom padding and takes the bottom corners.
Venue
Sofia Tech Park, Hall 2
Footer
Footer actions sit at the end: secondary first, primary last.
Archive project
It leaves your list. You can restore it at any time.
Divider
A line under the header or above the footer is opt-in: className="border-b" or "border-t".
Notifications
Choose what reaches your inbox.
- Comments and mentions
- Weekly summary