IconField
IconField wraps an input and an icon.
Import #
import { IconFieldModule } from 'primeng/iconfield';
import { InputIconModule } from 'primeng/inputicon';Basic #
A group is created by wrapping the input and icon with the IconField component. Each icon is defined as a child of InputIcon component. In addition, position of the icon can be changed using iconPosition property that the default value is right and also left option is available.
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.
Sizes #
IconField is compatible with the pSize 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.
