FloatLabel

FloatLabel appears on top of the input field when focused.

Import #


import FloatLabel from 'primevue/floatlabel';

Basic #

FloatLabel is used by wrapping the input and its label.

Username


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

Accessibility #

Screen Reader

FloatLabel does not require any roles and attributes.

Keyboard Support

Component does not include any interactive elements.