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

PanelBarItemTitleDirective

Directive

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.

Definition

Package:@progress/kendo-angular-layout

Selector:[kendoPanelBarItemTitle]

Syntax:

html

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