IftaLabel

IftaLabel is used to create infield top aligned labels.


import { IftaLabelModule } from 'primeng/iftalabel';

IftaLabel is used by wrapping the input and its label.


<p-iftalabel>
    <input pInputText id="username" [(ngModel)]="value" />
    <label for="username">Username</label>
</p-iftalabel>

When the form element is invalid, the label is also highlighted.


<p-iftalabel>
    <input pInputText id="username" [(ngModel)]="value" class="ng-dirty ng-invalid" />
    <label for="username">Username</label>
</p-iftalabel>

Screen Reader

IftaLabel does not require any roles and attributes.

Keyboard Support

Component does not include any interactive elements.