KendoReact

React Floating Label

Part of Google's Material Design patterns, the FloatingLabel animates your placeholder text into a label when the user starts typing into an input field.
Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.

Buy Now

Start Free Trial

Overview

The KendoReact FloatingLabel component lets developers take advantage of floating labels for both form elements and custom focusable elements. A floating label is text that originates inside of an element and then animates outside to “float” above the element when focused.
See React Floating Label Overview demo

waves bg

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.