Behive Tech Component Registry

Image Card

v0.1.2Draft

A card with an image on top and a title, subtitle and meta row below, for artwork lists, artist tiles and booking previews. It composes `atoms.card` with no padding, so fill, border and corners are Card's.

pnpm add @behivetech/molecules.image-card

A linked artwork card: the whole card is one link named by the title.

Linked Image CardOpen in new tab

A static card with a square media box, as for an artist tile.

Square Image CardOpen in new tab

A 3/2 media box, as for a booking preview.

Wide Image CardOpen in new tab

An image that fails to load shows the image icon at the same ratio.

Failed Image CardOpen in new tab

Three cards in a row at a grid column's width, with a long title and a missing subtitle.

Image Card Grid RowOpen in new tab