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.

View Source
Change Theme:

In this article

Not finding the help you need?