New to Kendo UI for Angular? Start 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]