UI Kits
Feedback

Modal Dialog

Confirmation modal with primary and secondary actions.

Add to UI Builder
Usage guidance

When to use it.

Use concise messages that state what happened and what the user can do next.

Accessibility

Implementation notes.

  • Use role/status semantics where appropriate.
  • Do not make transient messages disappear too quickly.
  • Include a clear recovery action for errors.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<div class="ap-modal"><div><h3>Delete this record?</h3><p>This action cannot be undone.</p><footer><button>Cancel</button><button class="danger">Delete</button></footer></div></div>
Related components

More in Feedback