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 by using the PanelBarUtils utility functions.
• Custom elements which are passed to the PanelBarItem as a children property.
• PanelBar items with custom properties and identify them when the user interact with it.

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.

Change Theme

Theme

Loading ...

Declaratively Initialized Items

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

Change Theme

Theme

Loading ...

Custom Properties

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

Change Theme

Theme

Loading ...

Suggested Links

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