Combines an input with addons such as buttons or text labels.

A group is created by wrapping the input and add-ons with the InputGroup component. Each add-on element is defined as a child of InputGroupAddon component. Multiple add-ons can be placed inside the same group.

Buttons can be placed at either side of an input element.

Checkbox and RadioButton components can be combined with an input element under the same group.

A Select component can be used within an InputGroup alongside other add-ons and inputs.

FloatLabel visually integrates a label with its form element. Visit FloatLabel documentation for more information.

IftaLabel is used to create infield top aligned labels. Visit IftaLabel documentation for more information.

Screen Reader

InputGroup and InputGroupAddon does not require any roles and attributes.

Keyboard Support

Component does not include any interactive elements.