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

Controlled Mode

By default, the PanelBar is in an uncontrolled state.

To manage the state of the PanelBar:

  • Set the expanded property to the expanded items value.
  • Handle the onSelect event.
  • Set the new value trough the props.

Expand/collapse All PanelBar Items

The following example demonstrates how to use the expanded property of the PanelBar to expand or collapse all its items.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?