@govbr-ds/core/dist/components/modal/examples/modal-alert.html

Padrão Digital de Governo

<div class="div br-modal medium" aria-modal="true" role="dialog" aria-labelledby="modalalerttitle">
  <div class="br-modal-header">
    <div class="modal-title" id="modalalerttitle">Título da modal</div>
    <button class="br-button close circle" type="button" data-dismiss="br-modal" aria-label="Fechar"><i class="fas fa-times" aria-hidden="true"></i>
    </button>
  </div>
  <div class="br-modal-body">
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus commodi laboriosam vel sequi quam deleniti, laborum mollitia blanditiis dolores officiis nulla quos dolorem repellat in nisi alias nesciunt fugit. Similique!</p>
  </div>
  <div class="br-modal-footer justify-content-end">
    <button class="br-button secondary" type="button">Ação 1
    </button>
    <button class="br-button primary ml-2" type="button">Ação2
    </button>
  </div>
</div>