An input field with an embedded leading or trailing icon.

FloatLabel visually integrates a label with its form element. Visit FloatLabel documentation for more information.

IftaLabel is used to create infield top aligned labels. Visit IftaLabel documentation for more information.

Icons inside InputIcon can be interactive with event handlers like click.

IconField is compatible with the size setting of the input field.

Custom content inside an InputIcon is defined as children.

Screen Reader

IconField and InputIcon do not require any roles and attributes.

Keyboard Support

Components does not include any interactive elements.