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

Templates

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

You can apply templates to:

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.

Example
View Source
Edit In Stackblitz  
Change Theme:

Declaratively Initialized Items

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Customizing the Appearance of the Title

The following example demonstrates how to use the PanelBarItemTitleDirective.

Example
View Source
Edit In Stackblitz  
Change Theme: