CodyHouse Framework + Components are featured on Product Hunt! Join the discussion →

All Projects

Full-Screen Modal Window

An accessible, full screen modal window.

Copy: View demo


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

Be the first to know when we ship something cool!

Project duplicated.