New to Kendo UI for Vue? Start a free 30-day trial

Custom Properties

To better identify with which element the user interacts, the PanelBar allows you to set any type of properties to the PanelBarItem.

Getting Started

You can set the custom property by passing the property to the Items definition as follows.

      items: [
        {
          title: 'First item',
          content: 'first',
          myCustomProp: 'This information is passed through a custom property',
          expanded: true,
        },
        ........................
      ]

Accessing Properties

You can access a PanelBar Item property from:

  • The target of the onSelect event.
  • The props object inside a template of a custom PanelBar item.
Example
View Source
Change Theme:

In this article

Not finding the help you need?