Progress KendoReact Form Component

Overview

The KendoReact Form component is a lightweight yet versatile package that aids with React form state management. This React Form Component is developed with the best practices in mind and works with both generic form elements and KendoReact components.

See React Form Overview demo

Custom Components

Custom components may be used for any of the form's accessible fields thanks to the KendoReact Form component.

See React Form Custom Components demo

Validation

Validation may be set up on a form or individual field level with the KendoReact Form component, providing you more freedom in how you handle validation in your React forms.

See React Form Validation demo

Layouts

The KendoReact Form component comes with a number of built-in components that may help you structure the layout of any form, including horizonal and vertical layouts. The chosen layout style will be followed by all React components, whether they are KendoReact UI components or custom components.

See React Form Layouts demo

Multi-Step Form

A KendoReact multi-step form has one or more steps that contain sets of controls with their own layout. Its main advantage is allowing customers to complete their information in a smaller chunks which creates a positive user experience.

See React Form Multi-Step demo

KendoReact Component Integration

As part of their built-in edit functionality, several KendoReact UI components have editable regions with forms. Some of these forms, such as the built-in editor of the KendoReact Scheduler, use the React Form component internally, offering a uniform approach to forms across the KendoReact suite.

React Form Resources

Design Guidelines We've compiled years of form-building knowledge into this thorough guide to help you create beautiful and functional forms:

React Form Design Guidelines

Video Tutorial Watch this video to understand how this Form library works, how it manages form validation and accessibility, and how it may assist you with your project:

How to Build a React Form without the Hassle (video)

Learn more about KendoReact and the most popular controls
Download Free Trial
Pricing
Online Demos
Community Forums
Form component is also available for Blazor & ASP.NET Core

Are You Planning a Complex or Multi-Platform Project Soon?

More than 270,000 customers in 100+ countries, trust us to move their business forward by relying on our controls and tools for web (React, Angular, jQuery, Vue, ASP.NET AJAX, ASP.NET MVC, ASP.NET Core, Blazor, Silverlight, PHP, JSP), mobile (.NET MAUI, Xamarin), desktop development (WinUI, WinForms, WPF, UWP), reporting and mocking (Reporting, Report Server, JustMock), automated testing (Test Studio, Test Studio Dev Edition), CMS (Sitefinity), document management (Telerik Document Processing), UI/UX design (Unite UX), debugging (Fiddler Everywhere, Fiddler Classic, Fiddler Jam, FiddlerCap, FiddlerCore), extended reality (UI for Unity XR), free tools (JustAssembly, JustDecompile, VB.NET to C# Converter, Testing Framework). Learn more at Telerik.com.

Telerik