FloatLabel
FloatLabel appears on top of the input field when focused.
FloatLabel is used by wrapping the input and its label.
Usage #
Examples #
Basic #
FloatLabel is used by wrapping the input and its label.
Variants #
The variant property defines the position of the label. Default value is over, whereas in and on are the alternatives.
Invalid #
When the form element is invalid, the label is also highlighted.
Accessibility #
Screen Reader
FloatLabel does not require any roles and attributes.
Keyboard Support
Component does not include any interactive elements.
