Skip to content
Aihio v2.3.0
Search
GitHub
Search Describe what you are building, or name a component, intent, or token. Components and patterns are ranked the way the MCP server's find tool ranks them for an agent.

Pattern destructive-confirmation

Destructive Confirmation

A modal confirmation flow for irreversible actions with cancel-first ordering. The trigger opens the dialog and Cancel closes it through Invoker Commands, and the confirm button submits the dialog's form, so the flow works without script.

Uses aihio-dialog aihio-button

Intents overlay modal destructive-action secondary-action dismissible

Pattern

Live, over the markup an agent gets from the MCP server's get_pattern. Narrow the preview to see the layout answer to its own width rather than the window's.

Destructive Confirmation

Full Tablet Phone
Delete project Delete project? This permanently removes project access, deploy history, and notification rules.
Cancel Delete project
Show code · 26 lines 
<aihio-button
  data-aihio-intent="destructive-action"
  variant="destructive"
  commandfor="delete-project"
  command="--open">Delete project</aihio-button>

<aihio-dialog id="delete-project" data-aihio-intent="overlay modal dismissible">
  <aihio-dialog-header>
    <aihio-dialog-title>Delete project?</aihio-dialog-title>
    <aihio-dialog-description>
      This permanently removes project access, deploy history, and notification rules.
    </aihio-dialog-description>
  </aihio-dialog-header>
  <form method="post">
    <aihio-dialog-footer>
      <aihio-button
        data-aihio-intent="secondary-action"
        variant="outline"
        commandfor="delete-project"
        command="--close">Cancel</aihio-button>
      <aihio-button data-aihio-intent="destructive-action" variant="destructive" type="submit">Delete project</aihio-button>
    </aihio-dialog-footer>
  </form>
</aihio-dialog>