Input Group

A Text Input with added elements that provide a more complex input structure.

Layout

The layout of a Text Input is flexible, allowing for the addition of elements on either side of the field.

Usually, the components placed around the Text Input are Buttons, Split Buttons, and/or help labels. Help labels clarify values such as currency, unit of measurement, digits, email addresses, etc.

Types

Input Group with Button

URL Input Group

Input Group with units

Input Group with Radio or Checkbox