HTML dialog playground

Explore dialog with a minimal preview made only from the opening button and the modal. Change command, commandfor, and closedby without generating CSS.

HTML

<button type="button" commandfor="baseline-dialog" command="show-modal">
  Open modal
</button>

<dialog id="baseline-dialog" closedby="any">
  <h2>Native dialog</h2>
  <p>This modal uses dialog, command, commandfor, and closedby without adding CSS.</p>
  <button type="button" commandfor="baseline-dialog" command="close">
    Close
  </button>
</dialog>