IftaLabel

IftaLabel is used to create infield top aligned labels


import IftaLabel from 'primevue/iftalabel';

IftaLabel is used by wrapping the input and its label.


<IftaLabel>
    <InputText id="username" v-model="value" />
    <label for="username">Username</label>
</IftaLabel>

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


<IftaLabel>
    <InputText id="username" v-model="value" :invalid="!value" />
    <label for="username">Username</label>
</IftaLabel>

Screen Reader

IftaLabel does not require any roles and attributes.

Keyboard Support

Component does not include any interactive elements.