# Receipt

Receipt: a free component, built on your design tokens, to use right after a booking, payment, order or change went through (or did not), to say what happened. What just happened: a status line in its tone, what was done, a reference number, the lines that matter, a total, a note and up to two next steps.

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

States: success, warning, danger, info, hover, focus, disabled.

Accessibility: An article named by its heading; the status is text next to a decorative icon, so it never relies on colour, and the lines are a description list.

File: https://opendesigner.dev/library/receipt.html

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

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