# Image card

Image card: a free component, built on your design tokens, to use when an answer is best shown as one photo of a place, dish, product or room, with a line about it. One photo with a caption, an optional credit line and an optional button, for when the answer is a picture of something.

Prompt: Add the OpenDesigner component image-card to this project: https://opendesigner.dev/library/image-card.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: with credit, image missing, hover, focus, disabled.

Accessibility: A figure whose caption is its figcaption; the photo carries alt text from the data, and the optional button is a real button.

File: https://opendesigner.dev/library/image-card.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/image-card.json

Download: `curl -fsSLo image-card.html https://opendesigner.dev/library/image-card.html`