InputGroup
Joins addons and controls into one unit with flat inner edges: prefix labels, suffix units, attached buttons.
Price with unit
$/mo
<Field id="price" label="Price">
<InputGroup>
<span class="ink-input">$</span>
<TextField id="price" label="Price" hideLabel />
<span class="ink-input">/mo</span>
</InputGroup>
</Field>Props
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | - | Passthrough. |
Accessibility
- Addons are text, not inputs: keep them short and decorative.
- The
Fieldwrapper outside still wires label and messages.