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

TabStripProps

Interface

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

Definition

Package:@progress/kendo-vue-layout

Properties

animation?

boolean

Enables the tab animation.

dir?

string

Sets the direction of the TabStrip component.

Fires each time the user makes a selection.

selected?

number

Sets the index of the selected TabStripTab component (see example).

Specifies the possible sizes of the TabStrip.

Default:

medium

Sets the alignment of the tabs.

The available options are:

  • "start"—Aligns the tabs at the start of the TabStripNavigation.
  • "center"—Aligns the tabs in the center of the TabStripNavigation.
  • "end"—Aligns the tabs at the end of the TabStripNavigation.
  • "justify"—Justifies the tabs inside the TabStripNavigation.
  • "stretched"—Stretches the tabs inside the TabStripNavigation.
Default:

'start'.

tabIndex?

number

Sets the tabIndex of the TabStripNavigation.

The position in which the TabStripNavigation components will be rendered.

The available options are:

  • "top"—Renders the TabStripNavigation components to the top of the TabStrip.
  • "bottom"—Renders the TabStripNavigation components to the bottom of the TabStrip.
  • "left"—Renders the TabStripNavigation components to the left of the TabStrip.
  • "right"—Renders the TabStripNavigation components to the right of the TabStrip.
Default:

'top'.

Sets the array of tabs.