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


Progress value is 30%

Input Merger

Merger of multiple input elements.

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