New to Kendo UI for VueStart 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.

Change Theme
Theme
Loading ...
In this article
Expand/collapse All PanelBar ItemsSuggested Links
Not finding the help you need?
Contact Support