Dialoogvenster

<button class="gx-btn gx-btn--secondary" type="button" data-gx-open="dlg-demo">Open venster</button>
<dialog class="gx-dialog gx-dialog--dialog gx-dialog--md" id="dlg-demo" aria-labelledby="dlg-t">
  <form method="dialog" class="gx-dialog__in">
    <header class="gx-dialog__head">
      <h2 class="gx-h gx-h--sub" id="dlg-t">Plan een gesprek</h2>
      <button class="gx-btn gx-btn--ghost gx-btn--icon" value="cancel" aria-label="Sluiten">
        <svg class="gx-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <path d="M6 6l12 12M18 6 6 18"/>
        </svg>
      </button>
    </header>
    <p class="gx-text">Kies een moment, dan sturen we een uitnodiging.</p>
    <footer class="gx-row gx-row--end">
      <button class="gx-btn gx-btn--ghost" value="cancel">Annuleren</button>
      <button class="gx-btn gx-btn--primary" value="ok">Bevestigen</button>
    </footer>
  </form>
</dialog>