FieldProps

Premium

Represents the props of the Field component that is used inside the KendoReact Form component.

Name	Type	Default	Description
children?	any		The React elements that are passed as children to the rendered component. jsx <Field name="user.name" component="input"> <span>Additional content</span> </Field>
component	string | ComponentType<any>		Can be set to a React component or to the name of an HTML element, for example, input, select, and textarea. The props that are passed to the component are the FieldRenderProps. jsx <Field name="user.name" component="input" />
name	string		The name of the field in the Form state. Supports nested fields in the user.age and users[index].name formats. jsx <Field name="user.age" component="input" />
onChange?	(event: any) => void		Called when the underlying editor triggers its onChange event and the Form updates its internal state. Useful for updating related fields. The Form listens to this editor event and automatically keeps its internal state up to date. That is why this event should be used only for executing custom logic. jsx const handleChange = event => console.log(event); <Field name="user.name" component="input" onChange={handleChange} />
validator?	FieldValidatorType | FieldValidatorType[]		The validation functions for the Field level. Currently, validator supports only synchronous functions. Using the array overload with an inline array will cause an infinite loop. Use a useMemo hook to memoize the array instead. jsx const validator = value => value ? "" : "This field is required."; <Field name="user.email" component="input" validator={validator} />