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

All Projects

Full-Screen Search

A full-screen window displaying a search input element.

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

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.