background

KendoReact

React Input

  • The React Input component provides additional styling to fit with all KendoReact themes.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Input Header
  • Enables Users to Submit a Value on a Single Line

    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 the 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 the React Input Forms Support demo

    React Input - Forms Support, KendoReact UI Library

All KendoReact Components

Next Steps