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

PanelBarItemComponent

Component

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

Definition

Package:@progress/kendo-angular-layout

Selector:kendo-panelbar-item

Export Name:Accessible in templates as #kendoPanelbarItemInstance="kendoPanelbarItem"

Syntax:

html

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

Inputs

content

any

Sets the content of the PanelBar item. It is used when the items property of the PanelBar is set.

disabled

boolean

When set to true, disables a PanelBar item (see example).

Default:

false

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

Default:

iconClass

string

Defines the icon that renders next to the title by using a custom CSS class (see example).

Default:

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

Default:

selected

boolean

Sets the selected state of a PanelBar item (see example).

Default:

false

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