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

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

NameTypeDefaultDescription

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).

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