alder-ui demos

al-card

A bordered surface. Children are placed by slot, whatever their order in the source: header, description and action (the title area), the body, footer, then actions.

Every slot

Hello, world

The first post, in brief.

New

The first post. Cards hold any content; the body is everything without a slot.

Posted on 12 October 2026

Unslotted heading

A leading h3 with no slot is the title, and a p right after it the description.

Hello, again

Styled like the slotted header and description.

The body.

Body only

Just a surface.