Form Inputs
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.