Modal dialog example

The dialog is closed by default. Click the button with class trigger to open it. Press Esc or click “Cancel” to close.

Example modal

This is a simple modal dialog built with the native <dialog> element.

It traps focus while open (in supporting browsers) and can be dismissed with the Escape key.