PanelBarItemTitleDirective

Updated on Feb 5, 2026

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]