All Components

PanelBarComponent

Represents the Kendo UI PanelBar component for Angular.

Selector

kendo-panelbar

Inputs

expandMode number

Sets the expand mode of the PanelBar by using the PanelBarExpandMode enum.

The available modes are:

  • "single"—This mode allows you to expand only one item at a time. Expanding an item collapses the previously expanded one.
  • "multiple"—This is the default mode of the PanelBar. It allows you to expand more than one item at a time. Items can also be toggled.
  • "full"—This mode allows you to expand only one item at a time. The expanded area occupies the entire height of the PanelBar. The "full" mode 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.

items Array<PanelBarItemModel>

Sets the items of the PanelBar as Array of PanelBarItemModel instances.

selectable boolean

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

Events

onBlur EventEmitter

Fires each time the user blurs the component and the focus is moved to another item on the page.
The event data contains the component instance.

onChange EventEmitter

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

onFocus EventEmitter

Fires each time the user focuses the component. The event data contains the component instance.

onKeyDown EventEmitter

Fires each time the user presses a keyboard key and the component is focused. The event data contains KeyboardEvent.

In this article