PanelBarItemComponent

Represents the PanelBar item component for Angular. Defines the items of the PanelBar.

html

<kendo-panelbar-item title="Item 1" [expanded]="true">
  <kendo-panelbar-item title="Sub Item 1"></kendo-panelbar-item>
</kendo-panelbar-item>

Selector

kendo-panelbar-item

Export Name

Accessible in templates as #kendoPanelBarItemInstance="kendoPanelbarItem"

Inputs

Name	Type	Default	Description
content	any		Sets the content of the PanelBar item. It is used when the items property of the PanelBar is set.
disabled	boolean	false	When set to true, disables a PanelBar item (see example).
expanded	boolean		When set to true, expands the PanelBar item (see example).
icon	string	''	Defines the icon that renders next to the title (see example).
iconClass	string	''	Defines the icon that renders next to the title by using a custom CSS class (see example).
id	string		Allows the component to set the "id" property to each item. Used to set the id attributes of the nested elements and to enable the WAI-ARIA support.
imageUrl	string	''	Defines the location of the image that displays next to the title (see example).
selected	boolean	false	Sets the selected state of a PanelBar item (see example).
svgIcon	SVGIcon		Defines an SVG icon to render. You can use either an existing Kendo SVG icon or a custom one.
title	string		Sets the title of the PanelBar item (see example).