InputGroup

Joins a bare input with leading/trailing addons — a static prefix like https://, or a trailing Button — into one connected control: a single shared border, collapsed inner radii, hairline dividers between segments, and one focus ring around the whole group. Wrap it in InputGroupField for an auto-wired label, hint, and error (aria-describedby + aria-invalid); the inner Input keeps its own accessibility.

Leading static prefix

Trailing Button addon

Prefix + suffix (both addons)

Sizes

Invalid / error (live)

Disabled