FloatLabel

FloatLabel appears on top of the input field when focused.


import { FloatLabel } from 'primereact/floatlabel';
         

FloatLabel is used by wrapping the input and its label.


<FloatLabel>
    <InputText id="username" value={value} onChange={(e) => setValue(e.target.value)} />
    <label htmlFor="username">Username</label>
</FloatLabel>
         

Screen Reader

FloatLabel does not require any roles and attributes.

Keyboard Support

Component does not include any interactive elements.

November Sale 2025
Limited coupons for PrimeStore's biggest sale. Claim yours before they're gone!
Claim Coupon