React Input

Overview

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

All KendoReact Components

Animation
Conversational UI
Data Grid
Data Query
Data Tools
Date Math
Editor
Excel Export
File Saver
Gantt Chart
ListBox
ListView
Notification
PDF Processing
PivotGrid
Popup
Ripple
Scheduler
Sortable
TreeList
TreeView

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.