New to Kendo UI for AngularStart a free 30-day trial

PanelBarItemTitleDirective

Updated on Jun 18, 2025

Defines the template directive of the PanelBar which helps to customize the item title (more information and example). To define the template, nest an <ng-template> tag with the kendoPanelBarItemTitle directive inside the <kendo-panelbar-item> tag.

The kendoPanelBarItemTitle directive overrides the PanelBarItem title option.

html
<kendo-panelbar>
  <kendo-panelbar-item [expanded]="true">
    <ng-template kendoPanelBarItemTitle>
      Item Title
    </ng-template>
  </kendo-panelbar-item>
</kendo-panelbar>

Selector

[kendoPanelBarItemTitle]

In this article
Selector
Not finding the help you need?
Contact Support