FloatLabel

FloatLabel appears on top of the input field when focused.

import { FloatLabelModule } from 'primeng/floatlabel';

FloatLabel is used by wrapping the input and its label.

The variant property defines the position of the label. Default value is over, whereas in and on are the alternatives.

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

Screen Reader

FloatLabel does not require any roles and attributes.

Keyboard Support

Component does not include any interactive elements.

Templates
Highly customizable application templates to get started in no time with style. Designed and implemented by PrimeTek.