Input Group
Attaches a leading or trailing text addon flush to an Input. Passes the attached prop directly to Input so the input owns its own border-radius logic.
Leading addon
Pass leadingAddon to attach a label or icon flush to the left of the input.
$
https://
Trailing addon
Use trailingAddon for suffixes like units or domains.
kg
.com
Both addons
Use both props together. The input border-radius is zeroed on both ends.
https://
.com
With icon addon
Addons accept any React node — use an SVG icon for a richer affordance.