Full-Screen Modal Window

An accessible, full screen modal window.

Dependencies

• Modal Window

How to

The Full-Sceen Modal Window component is a full-screen dialog that can be used to display relevant information without losing the context of the page.

To connect the modal to its trigger (e.g., button), make sure the ID value of the first one is equal to the aria-controls value of the second one.

For more details about custom modal events (e.g., open the modal without using a trigger), please take a look at the info page of the Modal Window component.

Categories

• Overlays

Bug report & feedback

Component Github page ↗