Modal Dialog Component Example

This example shows a simple accessible modal dialog. The button that opens the dialog has the class "trigger".

Example Modal

This is a focused, keyboard-trappable modal dialog. You can close it by:

Clicking the close button
Clicking outside the dialog (on the overlay)
Pressing the Escape key

Try tabbing through the controls to see the focus trap in action.