Input Group
Input with addons and icons.
Installation
First install? Complete the one-time host setup.
Live preview
Wraps an input with attached add-ons — an icon, a prefix like https://, a unit, or an inline button — in one focusable frame.
Loading preview…
Parts
| Part | Description |
|---|---|
InputGroupAddon | A leading or trailing slot; position with align (inline-start, inline-end, block-start, block-end). |
InputGroupInput | The text field, styled to sit flush inside the group. |
InputGroupText | Muted text for a prefix or suffix, e.g. a unit. |
InputGroupTextarea | A multi-line field variant for the group. |