Source: https://primeng.org/iftalabel

• Primary

  Surface

  PresetsAuraMaterialLaraNora

  Ripple

  RTL

• v20

  • v20

  • v19

  • v18

  • v17

• FEATURES

• API

• THEMING

• PASSTHROUGH

IftaLabel

IftaLabel is used to create infield top aligned labels.

Import #

import { IftaLabelModule } from 'primeng/iftalabel';

Basic #

IftaLabel is used by wrapping the input and its label.

Username

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

Invalid #

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

Username

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

Accessibility #

Screen Reader

IftaLabel does not require any roles and attributes.

Keyboard Support

Component does not include any interactive elements.

• Import

• Basic

• Invalid

• Accessibility

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.

PrimeNG 20.3.0 by PrimeTek