🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%

Input Merger

Merger of multiple input elements.

Copy: View demo


All components are based on CodyFrame.

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 */

✅ Project duplicated

✅ Project created

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