Modal Dialog Component

This example shows a modal dialog that is closed by default. Click the button below to open it.

Example Modal

This is an accessible modal dialog. It starts closed. You can close it by clicking outside the panel, clicking the Close button, or pressing the Escape key.

Try tabbing to move focus within the dialog. Focus will loop inside the modal until it is closed.