Usage #
Examples #
Basic #
An input field with an embedded leading or trailing icon.
Template #
An eye icon is displayed by default when the image is hovered in preview mode. Use the indicator template for custom content.
Float Label #
FloatLabel visually integrates a label with its form element. Visit FloatLabel documentation for more information.
Ifta Label #
IftaLabel is used to create infield top aligned labels. Visit IftaLabel documentation for more information.
Clickable #
Icons inside InputIcon can be interactive with event handlers like click.
Sizes #
IconField is compatible with the size setting of the input field.
Accessibility #
Screen Reader
IconField and InputIcon does not require any roles and attributes.
Keyboard Support
Components does not include any interactive elements.
Resources
On this pageUsage 1/9