# File card

File card: a free component, built on your design tokens, to use when an answer hands over a file: a statement, an export, a signed contract or an image. One file to download: an icon for its kind, the file name, its type and size, an optional date, Download and an optional Preview.

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

States: pdf, sheet, image, doc, other, hover, focus, disabled.

Accessibility: An article named by the file name; the kind icon is decorative because the type is also written, and Download and Preview are real buttons.

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

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

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