Modal dialog component

This example uses the native <dialog> element. The modal is closed by default. Activate the trigger button to open it.

Example modal

This is an example modal dialog. Press Escape to close it, or use the buttons below.

Focus is trapped inside the dialog while it is open.