New to Kendo UI for Vue? Start a free 30-day trial

Custom Components

You can render custom components in the Kendo UI for Vue Field component by using the built-in properties of the KendoFrom Injected Property and any custom properties.

Using Basic Properties

You can pass the props and thе onChange event to the custom field component by using the props of the v-slot

Example
View Source
Edit In Stackblitz  
Change Theme:

Setting Custom Behavior

You can display error messages and fully customize the behavior of the rendered component by using the additional properties of the Field component.

The following example demonstrates how to render a required custom input.

Example
View Source
Edit In Stackblitz  
Change Theme: