Full-Screen Select

A full-screen window displaying a list of options.

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-Screen Select component is a window, controlled by a button, that displays a list of possible options.

If you want to disable the fade-in and content translate animations, remove the data-animation="on" attribute. If you do that, the modal content appears with no transition whatsoever.

⚠️ Make sure the aria-controls value of the button is equal to the id value of the modal.

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!