Floating Labels
Floating labels are part of the Material Design Guidelines and are fully supported by the KendoReact Inputs components.
Basic Usage
To enable the floating label functionality, wrap the any Input component in a Floating Label
container and sync the editor's value
with the editorValue
property of the label.
The following example demonstrates how to implement floating labels in the TextBox, NumericTextBox, and TextArea components and style them with the KendoReact Material theme.
Please note that the floating label that wraps the TextArea component should have
k-textarea-container
class in order to be styled as expected.