Card Media

Typed image hero region for photo or illustration cards.

Renders a full-width <img> with cover fit. Do not nest inside CardPreview.

Default height

Image hero at the default 140px height.

Sample card illustration
Taller image

Custom hero height via the height prop.

Sample card illustration
Inside card stack

Media hero as the top region of a compound card.

Sample card illustration
Body below the image.