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


Progress value is 30%

Full-Screen Search

A full-screen window displaying a search input element.

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 Search component is a window, controlled by a button, that displays a search input element.

When the search window becomes visible, the border-bottom of the input box animates, and so does the search button. To remove the animations, delete the data-animation="on" attribute.

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


  • ✅ Component created
    🗓 May 06, 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