Tag

Defines a dialog box or window

display: block;

MDN Dialog

Examples

<button command="show-modal" commandfor="my-dialog">Open dialog</button>
<dialog id="my-dialog">
  <p>This dialog was opened using an invoker command.</p>
  <button commandfor="my-dialog" command="close">Close</button>
</dialog>


<button popovertarget="my-dialog">Open dialog</button>
<dialog id="my-dialog" popover>
  <p>This dialog was opened using a popovertargetaction attribute.</p>
  <button popovertarget="my-dialog" popovertargetaction="hide">Close</button>
</dialog>


<dialog open>
  <p>Greetings, one and all!</p>
  <form method="dialog">
    <button>OK</button>
  </form>
</dialog>