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.
variantInputGroupTextVariant | 'default' | 'plain'NoInputGroupTextVariant.defaultInput group text variant

View source on GitHub