Search...

Search documentation...

Input Group

Input Group

Compose an input with a leading icon, unit, suffix or action while keeping one visual control boundary.

InputGroupButton is available for trailing actions such as filters, clear or reveal-password controls.

API

ComponentDescription
InputGroupRoot wrapper with border, focus ring and overflow handling.
InputGroupAddonNon-editable prefix/suffix content.
InputGroupInputBorderless input that fills the available space.
InputGroupButtonCompact accessible action button.

All components accept their corresponding native HTML props.