# Confirm dialog

Confirm dialog: a free component, built on your design tokens, to use before an action that cannot be undone, such as deleting data. A destructive confirmation shown open: what will be deleted, what happens next, and a typed workspace name that unlocks the red Delete button. Placement and the backdrop are the project's.

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

States: open, delete disabled, delete enabled, hover, pressed, focus.

Accessibility: An alertdialog labelled by its title and described by its sentence; the input has a visible label and hint, Delete stays a disabled native button until the typed name matches, and Enter confirms once it does.

File: https://opendesigner.dev/library/r/confirm-dialog.html