Input Group

A group input component is an interface element that allows users to input multiple related pieces of data simultaneously, often encompassing various fields or options within a single, organized section. It streamlines data entry by grouping similar inputs together, enhancing user experience and reducing form complexity.

Note:

This component is experimental and may not work with all tags. Some manual adjustments may be required.

Input group

Dropdown in input group

Code

Code

<div class="bo-input-group">
  <input
    type="text"
    class="backoffice-input w-[60px]"
    placeholder="+372"
  />
  <input
    type="text"
    class="backoffice-input"
    placeholder="12345678"
  />
</div>

Details

AttributeTypeDescription
.bo-input-group
utilities
Class used for the container of the input group