Native Dialog

The HTML <dialog> element. A modal dialog blocks the rest of the page, keeps focus inside and closes with Escape. A non-modal dialog leaves the page usable.

Open modal dialog Open non-modal dialog

A field on the page

No dialog opened yet

Modal dialog

Pick an answer. Escape closes it without one.

Your name Confirm Cancel

Non-modal dialog

You can still use the page behind me.

Close