Customization

You can customize the behavior of the PanelBar depending on the specific requirements of your React project.

The PanelBar enables you to render:

Collections

You can map a collection to the PanelBarItem components by using the mapItemsToComponents utility function.

  • If you present a children property, the PanelBar will render a recursive map until it reaches an object that contains neither a content, nor a children property.
  • If you present a content property, the property will be prioritized and directly rendered inside the PanelBarItem component.
Example
View Source
Edit In Stackblitz  
Change Theme:

Declaratively Initialized Items

The following example demonstrates how to instantiate PanelBar items by using the declarative approach.

Example
View Source
Edit In Stackblitz  
Change Theme:

Custom Properties

The PanelBarItem allows you to pass custom properties to better identify item interaction.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?