Modal Dialog Component (Example)

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

Example inline controls: Some link

Example Modal

This is a simple modal dialog. It demonstrates:

Opening by a button with the "trigger" class
Closing via the close button, overlay click, or Escape key
Keyboard focus trapping inside the modal
Focus is restored to the trigger when the modal closes

Learn more