# Custom Rendering

The Kendo UI for Vue MultiSelect provides options for customizing the way it renders its elements.

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

* [Option list items](https://www.telerik.com/kendo-vue-ui/components/dropdowns/multiselect/custom-rendering#items)
* [Tags](https://www.telerik.com/kendo-vue-ui/components/dropdowns/multiselect/custom-rendering#tags)
* [Header and footer elements](https://www.telerik.com/kendo-vue-ui/components/dropdowns/multiselect/custom-rendering#headers-and-footers)
* [Option list when no data is available](https://www.telerik.com/kendo-vue-ui/components/dropdowns/multiselect/custom-rendering#no-data)

## Items

To customize the content of each suggestion list item, use the [`itemRender`](https://www.telerik.com/kendo-vue-ui/components/dropdowns/api/multiselectprops#itemrender) prop.

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

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dropdowns/multiselect/item-render/source.txt)

## Tags

To customize the content of each tag, use the [`tagRender`](https://www.telerik.com/kendo-vue-ui/components/dropdowns/api/multiselectprops#tagrender) prop.

The following example demonstrates how to set the `tagRender` prop of the MultiSelect and customize the tags elements.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dropdowns/multiselect/tags/source.txt)

## Headers and Footers

To set a `header` or a `footer` element in the items popup of the MultiSelect, use the [`header`](https://www.telerik.com/kendo-vue-ui/components/dropdowns/api/multiselectprops#header) and [`footer`](https://www.telerik.com/kendo-vue-ui/components/dropdowns/api/multiselectprops#footer) props.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dropdowns/multiselect/header-footer/source.txt)

## No Data

To customize the content of the suggestion list when no data is present, use the [`listNoDataRender`](https://www.telerik.com/kendo-vue-ui/components/dropdowns/api/multiselectprops#listnodatarender) prop.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dropdowns/multiselect/nodata-render/source.txt)

## Suggested Links

* [API Reference of the MultiSelect](https://www.telerik.com/kendo-vue-ui/components/dropdowns/api/multiselectprops)