# Approval prompt

Approval prompt: a free component, built on your design tokens, to use just before an action that sends, pays, books or deletes, so the person confirms it first. Asks the person before something that changes data happens: what will happen, the details that matter, a warning when it cannot be undone, and Cancel or the action itself.

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

States: with warning, without details, hover, focus, disabled.

Accessibility: A labelled section whose heading says what will happen; the details are a description list, and Cancel comes first in tab order so a stray Enter does not confirm.

File: https://opendesigner.dev/library/approval-prompt.html

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

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