Kendo UI for Vue

Vue TabStrip

  • Organize rich content in a small space using tabs with this customizable layout component. 
  • Part of the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
The TabStrip component shown in a weather app example
  • Overview

    The Vue TabStrip displays a collection of tabs, each with its own associated content. Users can easily navigate between tabs via mouse or keyboard, and each tab comes with several configuration options for how users can interact with it.

    See the Vue TabStrip Overview demo

  • Tabs

    The tabs you render with the Vue TabStrip are highly customizable. Among your options are tab title, toggle visibility, position, disable tabs, making tables closable, and more.

    See the Vue TabStrip Tabs demo
    Vue TabStrip  Tabs Component
  • Globalization

    All components in Kendo UI for Vue support globalization through its internationalization package and localization options. The internationalization package provides services for parsing and formatting dates and numbers. Localization options provide the infrastructure for rendering the messages of the components and applying right-to-left (RTL) support.

    See the Vue TabStrip RTL demo

    Globalization Localization
  • Keyboard Navigation

    As part of our commitment to accessibility, the Vue TabStrip supports keyboard navigation. Users have the option to navigate and interact with tabs using keyboard operations.

    See the Vue TabStrip Keyboard Navigation demo

  • Accessibility

    Like the rest of the components in Kendo UI for Vue, the TabStrip is fully accessible. It supports screen readers and WAI-ARIA and complies with Section 508.

    Read the Vue TabStrip Accessibility documentation

Next Steps

Get Started with Kendo UI for Vue

Kendo UI for Vue - Kendoka