Forms
InputGroup
A field-control wrapper that visually merges prefix, input, and suffix content into one tokenized control.
Curated demo
https:// ↵
Reference
A field-control wrapper that visually merges prefix, input, and suffix content into one tokenized control.
- InputGroup is a visual composition helper and does not replace labels or validation messages.
- Slot plain adornments or buttons, but keep the actual input semantics on the nested control.
Props
| Name | Type | Default | Description |
|---|---|---|---|
size | 'sm' | 'md' | 'lg' | 'md' | Control size. |
invalid | boolean | false | Show invalid styling. |
disabled | boolean | false | Show disabled styling. |
class | string | — | Additional CSS classes. |
Example snippet
<InputGroup><span slot="prefix">https://</span><input placeholder="example.com" /></InputGroup>