Components
InputGroup
Wraps an input with leading/trailing addons like icons, units, or fixed prefixes.
InputGroup attaches a prefix and/or suffix addon to a control, joining them
into a single bordered shape that shows a focus ring when the inner input is
focused. Use it for fixed prefixes like https://, currency or unit labels, or
inline icon buttons. Place an Input (or any input) as the child; the group
strips the child's own border so it blends in.
Example
Preview
https://.com
$
import { InputGroup, Input } from '@officina/ui';
<InputGroup prefix="https://" suffix=".com">
<Input placeholder="your-site" />
</InputGroup>;API
| Prop | Type | Default | Description |
|---|---|---|---|
| suffix | ReactNode | — | Trailing addon rendered after the input. |