Modal Dialog Component Example

This page demonstrates an accessible modal dialog. The dialog is closed by default. Use the button below to open it.

Background content remains interactive only when the dialog is closed. When opened, focus is trapped inside the dialog; pressing Escape or clicking outside the panel will close it.