Kendo UI for Angular
Angular Form
- Build responsive Angular forms faster with the Kendo UI for Angular Form component. Use grid-based layouts, FormField labels and errors, Adaptive breakpoints, Angular Reactive or Template-driven forms, validation and multi-step flows.
- Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
- Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
-
Create forms that scale with your app
The Kendo UI for Angular Form component helps you assemble polished, production-ready forms with a consistent layout, clear labels, and guided validation. It works with Angular’s forms APIs, so you can adopt Reactive or Template-driven patterns without compromises.
-
Flexible form layouts
Arrange fields with a grid-based system that supports columns, column spanning, horizontal or vertical orientation, configurable gutters and visual separators. Group related inputs with FormFieldSet to create logical sections users can scan and complete quickly.
See the Angular Form Layout demo.
-
Responsive and adaptive by design
Define responsive breakpoints that automatically adjust columns, colSpan and gutters for mobile, tablet and desktop. Internal components like DropDowns adapt their presentation so complex forms remain usable on smaller screens.
See the Angular Form Adaptiveness demo.
-
Angular forms integration
Use the Form component with both Reactive and Template-driven forms to manage state, bind data and compose validation. Choose the approach that matches your project scale and team preferences, then plug in the same Form layout and UX patterns.
See the Angular Forms Support demo.
-
FormField for labels, hints and errors
Standardize field presentation with FormField - each field wraps a single control with its label plus contextual hint and error messages. It works across Kendo inputs, dropdowns, date pickers, upload and more to keep form UX consistent.
See the Angular FormField demo. -
Comprehensive validation
Implement field-level or form-level validation that integrates with Angular’s built-in validators and custom rules. Control when errors appear, provide clear messages and surface summaries on submit for long or multi-part forms.
See the Angular Form Validation demo. -
Multi-step forms with Stepper
Break complex data entry into guided steps using the Form component with the Angular Stepper. Validate each step or defer checks until submit to match your workflow while preserving form state and user progress.
See the Angular Multi-Step Forms demo.
-
Accessibility built in
Form and FormField apply appropriate ARIA attributes so assistive technologies announce labels, hints and errors as users focus fields. The library targets WCAG 2.2 support with keyboard navigation and screen reader compatibility.
Get Started with Kendo UI for Angular
