KendoReact Inputs Overview

The KendoReact Inputs are fields that allow users to enter data based on specific and predefined formats.

The KendoReact Input components are native KendoReact components built specifically for the React ecosystem. The KendoReact library is distributed through npm packages, and the Inputs are available as @progress/kendo-react-inputs.

The Inputs are part of KendoReact, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

Checkbox

A component for selecting one or more items from a set.

ColorPallete

A component for selecting one or more items from a set.

ColorGradient

A component for displaying gradient, a hue and an alpha slider used to pick colors.

ColorPicker

A component for selecting and submitting color values.

FlatColorPicker

A component that provides a flat view for the ColorGradient and the ColorPalette components and adds a header and footer.

TextBox

A component for getting or displaying text input submitted by the user.

MaskedTextBox

A component for controlling the input of the user.

NumericTextBox

A component for editing and submitting specific numeric values.

RadioButton

A component for selecting an option.

RadioGroup

A component for selecting one option from a set.

Signature

A component for creating handwritten signatures.

Slider

A component for selecting values from a predefined range.

RangeSlider

A component for selecting range-values from a predefined range.

Rating

A component for rating.

Switch

A component for toggling between checked and unchecked states.

TextArea

A component for getting or displaying text input on multiple lines submitted by the user.

The following example demonstrates all components included in Inputs package in action.

Change Theme

Theme

Loading ...

Key Features

The KendoReact Inputs provide a wide and always growing range of built-in features that isn't limited by the list in this section. This developer-friendly feature set allows you to create beautiful and functional applications faster. At the same time, the KendoReact development team works constantly to improve the performance of the components and their capabilities.

Forms Support

You can easily integrate the Inputs with an HTML5 form, the KendoReact Form component, or a third-party React form library. With the forms, you can validate input values and prevent the submission of incomplete or invalid forms. Read more about the forms support of the MaskedTextBox...

Floating Labels

Initially popularized by Material Design, the floating labels functionality is integrated into the KendoReact Inputs and can be easily configured through the label property. Read more about the floating labels...

Disabled Inputs

You can render disabled Inputs by setting a single property and keep them disabled until certain requirements are met. Read more about the Disabled MaskedTextBox...

Accessibility

Most Inputs are accessible for screen readers and provide full WAI-ARIA support. Read more about the accessibility support of the Checkbox...

Most Inputs support numerous keyboard shortcuts that allow users to interact with the corresponding component. Read more about the keyboard navigation of the RadioGroup...

Unstyled Mode

The KendoReact Inputs support an unstyled mode, offering complete control over the inputs appearance. This feature allows you to remove default styles, making it easier to integrate custom design systems or adapt the component to specific project requirements without any style conflicts. Read more about Unstyled Mode...

Support Options

For any questions about the use of the KendoReact Inputs, or any other KendoReact components, there are several support options available:

KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.
Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.