# Success confirmation

Success confirmation: a free component, built on your design tokens, to use after a form or flow that someone will want proof of (a payment, an order, a sent invoice, a booking). The screen after a task is done: what happened in one line, the key details to keep, what happens next, and where to go from here.

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

States: done, hover, focus.

Accessibility: When this screen replaces the form, move focus to its heading (it has tabindex -1 for that), so it is read first; the part never moves focus on its own. Details are a description list.

File: https://opendesigner.dev/library/success-confirmation.html

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

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