Full Screen Modal Window

An accessible, full screen modal window.

Copy: View demo

Dependencies

All components are built upon the CodyHouse Framework.

If you're using this component, you should also include the SCSS/JS of the following components:

How To

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

It inherits the SCSS and Javascript of the Modal Window component. The .modal--full-screen class variation is used to modify the appearance of the modal.

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.

Bug Report & Feedback

Get in touch: suggest a component or report a bug.

💌 Join our newsletter

Get our monthly recap with the latest CodyHouse news