React Input


The React Input component builds on top of a traditional HTML input element and provides additional KendoReact styling to fit with all KendoReact themes, as well as the ability to provide a label as a floating label.

See React Input Overview demo

React Input - Overview, KendoReact UI Library

Floating Labels

Popularized by Material Design, the concept floating labels have become a standard to many other design languages. This is why the KendoReact Input component supports floating labels out of the box, regardless of chosen KendoReact theme.

React Input - Floating Labels, KendoReact UI Library

Forms Support

With built-in styling for invalid states, as well as the ability to set custom validation messages, the React Input element can easily be integrated with any HTML form element, any third-party React form library or the KendoReact Form component.

See React Input Forms Support demo

React Input - Forms Support, KendoReact UI Library

Next Steps

Visit Our Demos

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

See Pricing

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.