Form Inputs
Input Group
Input groups compose controls with icons, text, and actions without overlaying content or adding manual input padding.
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#
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.