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


Progress value is 30%

Full-Screen Select

A full-screen window displaying a list of options.

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-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.


  • ✅ Component created
    🗓 May 29, 2019

Bug Report & Feedback

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

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us