Input Group
Input groups compose controls with icons, text, and actions without overlaying content or adding
manual input padding. Keep addons after the control in the DOM and use align to place them
visually.
Leading icon
Leading and trailing text
$
USD
Trailing action
Textarea
Notes
States and RTL
For custom controls, add data-slot="input-group-control" so addons can focus the control and the
group can apply consistent state styling.