Modal Dialog Example

This is a simple modal dialog. It is closed by default. Click the button below to open it. The button to open it has a trigger class.

Example Modal Dialog

This modal demonstrates a simple dialog component. It can be closed with the Escape key, the close button in the header, the action button in the footer, or by clicking the overlay.

Accessibility considerations: the modal uses role="dialog" and aria-modal="true". Focus is moved into the modal when opened and returned to the previous element when closed.