IftaLabel
IftaLabel is used to create infield top aligned labels
Import #
import IftaLabel from 'primevue/iftalabel';
Basic #
IftaLabel is used by wrapping the input and its label.
<IftaLabel>
<InputText id="username" v-model="value" />
<label for="username">Username</label>
</IftaLabel>
Invalid #
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>
Accessibility #
Screen Reader
IftaLabel does not require any roles and attributes.
Keyboard Support
Component does not include any interactive elements.
Theme Designer