Kendo UI for Angular Form Overview
The Kendo UI for Angular Form is a component that enables you to group and provide configurable behavior for form-related content such as inputs, dropdowns, labels, hints, error messages, and more. It works with Angular's form handling capabilities, allowing you to create complex forms.
The Form component provides a structured way to manage form fields and their layout. The FormField component represents a single form field, while the FormFieldSet component allows you to group multiple form fields together, providing a clear structure for your forms.
Start Free Trial
The following example demonstrates a brief overview of the Form component capabilities along with the FormField and FormFieldSet components.
Change Theme
Theme
Loading ...
Key Features
- Form orientation—You can configure the form to display fields and labels either vertically (default) or horizontally for more compact layouts.
- FormField grouping—Use FormField components to group and align form-related content such as labels, inputs, hints, and error messages, providing structured form field management.
- FormFieldSet organization—Group related FormField components using the FormFieldSet to create logical sections with legends, improving form organization and user experience.
- Adaptiveness—The Form component elements can adapt their layout based on the user's device and screen size, ensuring a consistent experience across different devices.
- Responsiveness—The Form provides a flexible grid-based layout system that allows you to arrange form fields in columns, control spacing with gutters, and create responsive layouts that adapt to different screen sizes.
- Form separators—Add visual separation between form sections to improve readability and organization of complex forms.
- Angular Forms integration—The Form works seamlessly with both reactive and template-driven Angular forms, supporting form validation, submission handling, and state management.
- Accessibility —The Form and its child components provide comprehensive accessibility support, including proper ARIA attributes, keyboard navigation, and screen reader compatibility.
- Validation support—Integrated support for Angular form validation with built-in error message display and validation state management.
- Multi-step forms—Create complex multi-step form workflows with navigation, validation, and state management across multiple form sections.
Support and Learning Resources
- Form Homepage
- Getting Started with the Kendo UI for Angular Inputs
- API Reference of the Form
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Video Courses
- Form Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base