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

TabStripProps

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

NameTypeDefaultDescription

animation?

boolean

Enables the tab animation.

dir?

string

Sets the direction of the TabStrip component.

onSelect?

(e: TabStripSelectEventArguments) => void

Fires each time the user makes a selection.

selected?

number

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

size?

TabStripSize

medium

Specifies the possible sizes of the TabStrip.

tabAlignment?

string

'start'.

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.

tabIndex?

number

Sets the tabIndex of the TabStripNavigation.

tabPosition?

string

'top'.

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.

tabs?

TabStripTabProperties[]

Sets the array of tabs.

Not finding the help you need?
Contact Support