• What is KendoReact
  • Getting Started
  • Unstyled Mode
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chart Wizardnew
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Toolsupdated
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact Input Overview

The KendoReact Input component offers a highly customizable interface for the user to submit a value on a single line.

Its features cover everything from setting a character counter to form validation.


Example
View Source
Change Theme:

This demo implements some of the features that are available in the Input:

  • You can use the character counter to count and limit the input characters.
  • You can use the Input with form validation.

The Input is part of the KendoReact Inputs component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the Input and the rest of the components in the package, see the Getting Started with the KendoReact Inputs guide.

Key Features

  • Characters Counter—The Input component is easily customizable and allows you to integrate it with a character counter.
  • Forms support—You can easily integrate the Input with an HTML5 form, the [KendoReact Form component]({% slug overview_form %}), or a third-party React form library.
  • Globalization—The Input comes with globalization features allowing you to create applications that can be used all over the world.

In this article

Not finding the help you need?