<dialog>

the <dialog> html element represents a dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.

1e.g. simple alert

simple alert

press the [x] icon or the esc key to close it.

2e.g. confirm

confirm

you can also close it by pressing the esc key.

browser support

chrome firefox safari
<dialog> 37 98 15.4
::backdrop 37 47 15.4
backdrop-filter 76 103 9
scrollbar-gutter 94 97 no
← back to home