Input Merger

Merger of multiple input elements.

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

Categories

• Forms > Form Elements

Bug report & feedback

Component Github page ↗