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

PanelBarProps

Interface

Represents the props of the Kendo UI for Vue PanelBar component.

Definition

Package:@progress/kendo-vue-layout

Properties

animation?

boolean

Sets the animation state of the PanelBar.

The class name that is set to the PanelBar.

dir?

string

Sets the direction of the PanelBar component.

expanded?

string[]

Sets the initial expanded state of the PanelBar.

Sets the expand mode of the PanelBar (see example).

The available modes are:

  • "single"—Allows you to expand only one item at a time. The expanding of an item collapses the item that was previously expanded.
  • "multiple" (default)—Allows you to expand two or more items at a time. Items can also be toggled.

focused?

string | number

Sets the initial focused state of the PanelBar.

Determines if the PanelBar is going to be used in controlled state.

items?

any[]

Sets the items of the PanelBar.

Determines if the PanelBar items will be mounted after expand collapse. Defaults to false.

Fires each time the user makes a selection (see example).

selected?

string | number

If set, overrides the currently selected property in the PanelBar state.