InputGroup
Text, icon, buttons and other content can be grouped next to an input.
Import #
import { InputGroupModule } from 'primeng/inputgroup';
import { InputGroupAddonModule } from 'primeng/inputgroupaddon';Basic #
A group is created by wrapping the input and add-ons with the p-inputgroup component. Each add-on element is defined as a child of p-inputgroup-addon component.
Multiple #
Multiple add-ons can be placed inside the same group.
Button #
Buttons can be placed at either side of an input element.
Checkbox & Radio #
Checkbox and RadioButton components can be combined with an input element under the same group.
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.
Accessibility #
Screen Reader
InputGroup and InputGroupAddon does not require any roles and attributes.
Keyboard Support
Component does not include any interactive elements.
