Confirmation Modal Example

This modal demonstrates a confirmation dialog with confirm/cancel actions.

<div data-controller="modal">
  <button data-action="click->modal#open">Modal With Cancel and Confirm</button>

  <dialog data-modal-target="dialog">
    <article>
      <header>
        <button aria-label="Close" rel="prev" data-action="click->modal#close"></button>
        <h3>Confirm or Cancel</h3>
      </header>

      <p class="mt-4">Modal text</p>

      <hr>

      <button type="button" class="secondary" data-action="click->modal#close">Cancel</button>
      <button type="button" class="contrast" data-action="click->modal#confirm">Confirm</button>
    </article>
  </dialog>
</div>