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.

Suggested Links

• API Reference of the PanelBar
• API Reference of the PanelBarItem