# Templates

The PanelBar allows you to use templates for instantiating its items and for customizing its appearance.

You can apply templates to:

* The [content](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/panelbaritemcomponent#content) property of the [items](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/panelbarcomponent#items) option by [using a collection](https://www.telerik.com/kendo-angular-ui-develop/components/layout/panelbar/templates#collections).
* The content of the [declaratively initialized items](https://www.telerik.com/kendo-angular-ui-develop/components/layout/panelbar/templates#declaratively-initialized-items).
* [Customize the appearance of the title](https://www.telerik.com/kendo-angular-ui-develop/components/layout/panelbar/templates#customizing-the-appearance-of-the-title).

## Collections

When you use collections to instantiate the PanelBar items and do not define a template, the `content` property will be rendered in its current state.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/layout/panelbar/templates/source.txt)

## Declaratively Initialized Items

The following example demonstrates how to instantiate PanelBar items by using the declarative approach.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/layout/panelbar/templates/declarative_initializing/source.txt)

## Customizing the Appearance of the Title

The following example demonstrates how to use the `PanelBarItemTitleDirective`.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/layout/panelbar/templates/customize_title/source.txt)

## Suggested Links

* [API Reference of the PanelBar](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/panelbarcomponent)
* [API Reference of the PanelBarItem](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/panelbaritemcomponent)