New to Kendo UI for VueStart a free 30-day trial

Controlled Mode

Updated over 1 year ago

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.

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