Customization

Updated on Sep 9, 2026

You can customize the behavior of the Kendo UI for Vue PanelBar depending on the specific requirements of your Vue project.

The PanelBar enables you to render:

• Collections of data items.
• PanelBar items with custom properties and identify them when the user interact with the component.

Collections

• If you present a items property, the PanelBar will render a recursive map until it reaches an object that contains neither a content, nor a items property.
• If you present a content property, the property will be prioritized and directly rendered inside the PanelBar item.

Example

View Source

Loading ...

Custom Properties

The PanelBar items accept custom properties that:

• Can be accessed on users' interaction with the component.
• Can be displayed in custom Panelbar item template.

Example

View Source

Loading ...

Suggested Links

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