# ListView Templates

The content of the ListView is defined and customized using separate templates for its `data items`, `header` and `footer`. By combining the

## Item Template

To provide a template for each item that will be rendered in the ListView, nest a `slot` template inside the definition of the `ListView` component and pass the name of the `item` template to the [item prop](https://www.telerik.com/kendo-vue-ui-develop/components/listview/api/listviewprops#item).

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

## Header Template

To render a header section above the items of the ListView, nest a `slot` template inside the definition of the `ListView` component and pass the name of the `header` template to the [header prop](https://www.telerik.com/kendo-vue-ui-develop/components/listview/api/listviewprops#header).

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

## Footer Template

To render a footer section below the items of the ListView, nest a `slot` template inside the definition of the `ListView` component and pass the name of the `footer` template to the [footer prop](https://www.telerik.com/kendo-vue-ui-develop/components/listview/api/listviewprops#footer).

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

## Suggested Links

* [API Reference of the ListView](https://www.telerik.com/kendo-vue-ui-develop/components/listview/api/listviewprops)