PrimeNG v19 : Comment combiner p-floatlabel avec p-iconfield

primeng_example.html

<p-floatlabel>
    <p-iconfield>
        <p-inputicon styleClass="pi pi-info-circle" />
        <input type="text" id="input-description" class="p-inputtext" pInputText [(ngModel)]="description">
        <label for="input-description" i18n>Description</label>
    </p-iconfield>
</p-floatlabel>

<p-floatlabel>
    <p-iconfield>
        <p-inputicon styleClass="pi pi-info-circle" />
        <input type="text" id="input-description" class="p-inputtext" pInputText [(ngModel)]="description">
        <label for="input-description" i18n>Description</label>
    </p-iconfield>
</p-floatlabel>

PrimeNG input combined notext

PrimeNG input combined text

Check out similar posts by category: PrimeNG, Angular

If this post helped you, please consider buying me a coffee or donating via PayPal to support research & publishing of new posts on TechOverflow

Buy me a coffee