Surface.

Interface layers. Cards, sheets, dialogs, panels. Currently bau-card ships as the surface primitive with header, default, and footer slot.

bau-card

Container · Primitive

Surface container with three-part composition. Header in serif, body/footer in sans, divider between footer and body as a hairline.

body only

A card can appear entirely without header or footer — just padding, background, border, and shadow.

Confirm shipping address

The entered data will be saved. You can change it any time under "Account → Addresses".

Action required

Footer renders with a hairline divider. Embedded bau-stack composition recommended.

Cancel

Save

Slot	Effect
`header`	Optional. Renders in serif, without divider.
`(default)`	Body content.
`footer`	Optional. With hairline divider above the slot content.

Property	Default	Effect
`--bau-card-bg`	var(--bau-color-bg-raised)	Card background color.
`--bau-card-padding`	var(--bau-space-6)	Inner padding.

planned

Planned for Surface: bau-panel, bau-sheet, bau-dialog, bau-popover, bau-tooltip, bau-toast, bau-callout.