• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheetnew
      • AppBar
      • Avatar
      • BottomNavigation
      • Card
      • ContextMenu
      • Drawer
      • ExpansionPanelnew
      • GridLayoutnew
      • Menu
      • PanelBar
      • Splitter
      • StackLayoutnew
      • Stepper
      • TabStrip
      • TileLayoutupdated
      • Wizard
      • Globalization
      • API
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start 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).

tabContentStyle?

any

Sets the style of the TabStripContent component.

tabIndex?

number

Sets the tabIndex of the TabStripNavigation.

tabPosition?

string

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.