Input Group

One hairline around a control and its addons — a leading icon, a unit, a shortcut, a button — from the shadcn registry. The group owns the surface and the focus halo (focus-ring-within); the control inside is transparent. PasswordInput is built on it.

Leading icon and shortcut

Addons take the subtle text colour; clicking an addon focuses the control.

⌘K

Prefix text and a clear button

InputGroupText for units and prefixes; InputGroupButton is a ghost Button at the group's scale.

https://

Invalid

aria-invalid on the control turns the whole group red.

Textarea with a block addon

block-end addons sit under the text, for a footer row of actions.