Vue TabStrip Overview

Updated on Sep 9, 2026

The Kendo UI for Vue TabStrip displays a collection of tabs with associated content which enable the user to switch between different views inside a single component.

The Kendo UI for Vue TabStrip component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-layout package.

Basic Usage

The following example demonstrates the TabStrip in action.

Example

View Source

Loading ...

Functionality and Features

• Data Binding
• Tabs
• Globalization
• Keyboard navigation
• Accessibility

Support and Learning Resources

• TabStrip Homepage
• Getting Started with the Kendo UI Vue Layout
• API Reference of the TabStrip Component
• Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
• Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
• Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
• Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
• Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)
• Virtual Classroom (Training Course for Registered Users)
• TabStrip Forum
• Knowledge Base
• Kendo UI Productivity Tools extension for VS Code

Additional Resources

• Vue Blogs
• Kendo UI for Vue Roadmap