New to Kendo UI for VueStart a free 30-day trial

Represents the props of the PanelBarItem component.

Definition

Package:@progress/kendo-vue-layout

Properties

animation?

boolean

Allows individual animation control over the child (see example). By default, it is controlled by the PanelBar component.

Defines the custom rendering of the content of the PanelBarItem. Accepts a Vue component, a render function, or a slot name.

disabled?

boolean

Sets the disabled state of the PanelBarItem (see example).

expanded?

boolean

Sets the initial expanded state of the PanelBarItem (see example). Controlled by the PanelBar component.

focused?

boolean

Sets the initial focused state of the PanelBarItem. Controlled by the PanelBar component.

Defines the custom rendering of the header of the PanelBarItem. Accepts a Vue component, a render function, or a slot name.

The class name that is set to the PanelBarItem header.

icon?

string

Defines an icon that will be rendered next to the title (see example).

Defines an icon with a custom CSS class that will be rendered next to the title (see example).

id?

string | number

Allows the component to set the id property to each item. If not set, a default id is applied.

imageUrl?

string

Defines the location of the image that will be displayed next to the title (see example).

items?

any[]

Sets the subitems of the item.

selected?

boolean

Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component (see example).

svgIcon?

SVGIcon

Defines an SVGIcon to be rendered next to the title.

Sets the title of the PanelBar item (see example).

uniquePrivateKey?

string | number

Used to identify the PanelBarItems inside the PanelBar (see example). Does not depend on the state of the PanelBarItem.