<jv-alert-modal id="alert-modal-1" content-ref="content" footer-ref="footer" heading="Alla dina redigeringar kommer att raderas.">
  <p slot="content"> Vill du radera? </p>
  <button type="button" class="c-btn--medium" onclick="document.querySelector('#alert-modal-1').dispatchEvent(new Event('jvAlertModalClose'))" slot="footer" data-autofocus="true">Radera
  </button>
  <button type="button" class="c-primary-btn--medium" onclick="document.querySelector('#alert-modal-1').dispatchEvent(new Event('jvAlertModalClose'))" slot="footer">Avbryt
  </button>
</jv-alert-modal>

<jv-alert-modal id="alert-modal-header-1" content-ref="content" heading-ref="header" footer-ref="footer">
  <h1 slot="header" class="modalHeadlineText" id="slot_heading">
    <span class="sjv-i-varning"></span>
    Alla dina redigeringar kommer att raderas.
  </h1>
  <p slot="content"> Vill du radera? </p>
  <button type="button" class="c-btn--medium" onclick="document.querySelector('#alert-modal-header-1').dispatchEvent(new Event('jvAlertModalClose'))" slot="footer" data-autofocus="true">Radera
  </button>
  <button type="button" class="c-primary-btn--medium" onclick="document.querySelector('#alert-modal-header-1').dispatchEvent(new Event('jvAlertModalClose'))" slot="footer">Avbryt
  </button>
</jv-alert-modal>