Skip to content
Patternfly Logo

Input group

An input group groups multiple related controls or inputs together so they appear as one control.


Input groups can combine multiple elements. For example you could add buttons to 1 or both sides of a text input, like in a search field or an email input field.

Example of input groups

View more examples in the input group react tab.

View source on GitHub