Skip to content
Patternfly Logo

Input group

Examples

Basic

@example.com


With textarea

With dropdown

With popover


With multiple group siblings



.00

Props

InputGroup

NameTypeRequiredDefaultDescription
childrenReact.ReactNodeYesContent rendered inside the input group.
classNamestringNo''Additional classes added to the input group.

InputGroupText

NameTypeRequiredDefaultDescription
childrenReact.ReactNodeYesContent rendered inside the input group text.
classNamestringNo''Additional classes added to the input group text.
componentReact.ReactNodeNo'span'Component that wraps the input group text.

View source on GitHub