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" [invalid]="!value" />
    <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.

Theme Designer
Theme Designer is the ultimate tool to customize and design your own themes featuring a visual editor, figma to theme code, cloud storage, and migration assistant.
November Sale 2025
Limited coupons for PrimeStore's biggest sale. Claim yours before they're gone!