All Components

PanelBarComponent

Represents the Kendo UI PanelBar component for Angular.

Selector

kendo-panelbar

Export Name

Accessible in templates as #kendoPanelBarInstance="kendoPanelbar"

Inputs

animate boolean

Sets the animate state of the PanelBar.

expandMode number

Sets the expand mode of the PanelBar through the PanelBarExpandMode enum.

The available modes are:

  • "single"—Allows you to expand only one item at a time. Expanding an item collapses the previously expanded one.
  • "multiple"—The default mode of the PanelBar. Allows you to expand more than one item at a time. Items can also be toggled.
  • "full"—Allows you to expand only one item at a time. The expanded area occupies the entire height of the PanelBar. Requires you to set the height property.

height any

Sets the height of the component when the "full" expand mode is used.
This option is ignored in the "multiple" and "single" expand modes.

keepItemContent boolean

When set to true, the component renders the content of all items and they are persisted in the DOM.
By default, this option is set to false.

selectable boolean

Allows the PanelBar to modify the selected state of the items.

items Array<PanelBarItemModel>

Sets the items of the PanelBar as an array of PanelBarItemModel instances.

Events

stateChange EventEmitter

Fires each time the user interacts with a PanelBar item. The event data contains all items that are modified.

In this article