Native dialog modal

<dialog id="invite-dialog" aria-labelledby="invite-title">
  <form method="dialog">
    <h2 id="invite-title">Invite a teammate</h2>
    <label>
      Email
      <input type="email" name="email" required>
    </label>
    <menu>
      <button value="cancel">Cancel</button>
      <button value="send">Send invite</button>
    </menu>
  </form>
</dialog>

<button id="open-dialog">Invite</button>

<script>
  const dialog = document.getElementById("invite-dialog");
  document.getElementById("open-dialog")
    .addEventListener("click", () => dialog.showModal());
</script>