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
Lang
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
Attribute | Type | Description |
---|---|---|
.bo-input-group | utilities | Class used for the container of the input group |