Modal Dialog Component Example

This demo shows a modal dialog that is closed by default. Open it with the button below.

Example Modal

This is a simple accessible modal. You can close it by:

Clicking the × button
Clicking the dimmed overlay
Pressing the Escape key
Using Shift+Tab / Tab — focus is trapped inside while open