Confirm and destroy

Lets the user know the seriousness of an action, and asks them whether they want to proceed with the action. It’s more direct than the Confirm modal, usually relating to deleting or erasing content.

Overview

  • Release version
    Australia
  • Available sinceQuebec
  • A11YNot compliant

Anatomy

  1. Header: Text title accompanied by a close button
  2. Content slot: Container for the main content of the modal; the content can be text, forms, lists, cards, or other elements
  3. "Close" action: Iconic button for exiting the modal
  4. Footer: Container for buttons related to the content of the modal

To learn about how to add and configure a Confirm and destroy modal , see Add modal to component.