FieldProps

Updated on Apr 22, 2026

Represents the props of the Field component that is used inside the Kendo U for Vue Form component.

Name	Type	Default	Description
colSpan?	number | ResponsiveFormBreakPoint[]		Sets how many columns the field spans in the form layout. Requires the parent FormElement to have the cols prop set. Accepts a number or an array of responsive breakpoints. vue <Field name="fullName" :component="Input" :col-span="2" />
component	any		Can be set to a Vue component or to the name of an HTML element, for example, input, select, and textarea. The props that are passed to component are the FieldRenderProps.
id?	string		The id of the field.
name	string		The name of the field in the Form state. Supports nested fields in the user.age and users[index].name formats.
onChange?	(event: any) => void		Called when underlying editor triggers it's onChange event and the Form update it's internal state. Useful for updating related fields. Keep in mind that Form listens to this editor event and automatically keeps it's internal state up to date. That why this event should be used only for executing custom logic.
validator?	FieldValidatorType | FieldValidatorType[]		The validation functions for the Field level. Currently, validator supports only synchronous functions. Using the array overload with inline array will cause infinite loop - in this case use useMemo hook to memoize the array.