---
title: Templates
page_title: Templates - PanelBar - Kendo UI for Vue
description: "Use templates and customize the Kendo UI PanelBar wrapper for Vue."
slug: templates_panelbar_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/layout/panelbar/customization/"
position: 7
---

<div><WrapperBanner link="/kendo-vue-ui/components/layout/panelbar/customization/"></WrapperBanner></div> 

# Templates

The PanelBar enables you to customize its content by using templates.

The following example demonstrates how to create custom templates for the PanelBar items.

{% meta height:450 %}
{% embed_file panelbar/templates/main.vue preview %}
{% embed_file panelbar/templates/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI PanelBar for jQuery](https://docs.telerik.com/kendo-ui/controls/navigation/panelbar/overview)
* [API Reference of the PanelBar Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/panelbar)