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


Progress value is 30%

Input Merger

Merger of multiple input elements.

Copy: View demo


All components are built upon the CodyHouse Framework.

How to

The Input Merger component is used to group multiple input elements and show them as if they were merged into a single element.

⚠️ Important: the :focus effect is disabled in the demo (we couldn't predict the :focus effect created by you in the Forms editor). Remember to update the :focus-within selector of the component with the style you've used in your custom-style > _forms.scss file of the Framework.

.input-merger {
  padding: 0;

  &:focus-within {
    /* ⚠️ copy here :focus style of .form-control in Framework > custom-style > _forms.scss */


  • ✅ Component created
    🗓 August 08, 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