React

Input group

Use an input group when you want to group multiple input types, e.g., a text input and a button, into one control. Related design guidelines: Data input

ExamplesProps

Examples

Basic









.00


@example.com








Props

InputGroup properties
NameTypeRequiredDefaultDescription
classNamestring''Additional classes added to the input group.
childrenReact.ReactNodeContent rendered inside the input group.
InputGroupText properties
NameTypeRequiredDefaultDescription
classNamestring''Additional classes added to the input group text.
childrenReact.ReactNodeContent rendered inside the input group text.
componentReact.ReactNode'span'Component that wraps the input group text.