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
- Custom elements which are passed to the
- PanelBar items with custom properties and identify them when the user interact with it.
You can map a collection to the
PanelBarItem components by using the
mapItemsToComponents utility function.
- If you present a
childrenproperty, the PanelBar will render a recursive map until it reaches an object that contains neither a content, nor a
- If you present a content property, the property will be prioritized and directly rendered inside the
Declaratively Initialized Items
The following example demonstrates how to instantiate PanelBar items by using the declarative approach.
The PanelBarItem allows you to pass custom properties to better identify item interaction.