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

Custom Rendering

The ComboBox provides options for customizing the way it renders its elements.

The ComboBox utilizes custom renderers which enable you to moderate the content of its:

Items

To customize the content of each suggestion list item, use the itemRender prop.

The following example demonstrates how to set the itemRender prop of the ComboBox and customize the list elements.

Example
View Source
Edit In Stackblitz  
Change Theme:

Headers and Footers

To set a header or a footer element in the items popup of the ComboBox, use the header and footer props.

Example
View Source
Edit In Stackblitz  
Change Theme:

No Data

To customize the content of the suggestion list when no data is present, use the listNoDataRender prop.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?