• What is KendoReact
  • Getting Started
  • Unstyled Mode
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chart Wizardnew
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Toolsupdated
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact TabStrip Overview

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

The KendoReact TabStrip component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-layout package.


The following example demonstrates the TabStrip in action.

Example
View Source
Change Theme:

The TabStrip is part of the KendoReact Layout component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the TabStrip and the rest of the components in the package, see the Getting Started with the KendoReact Layout Package guide.

Key Features

  • Tabs—You can customize the TabStrip tabs by configuring their titles, position, disabled state, and more.
  • Globalization—The TabStrip has built-in globalization support.
  • Keyboard navigation—The TabStrip component supports various keyboard shortcuts.
  • Accessibility—The TabStrip component is accessible by screen readers and provides full WAI-ARIA support.

In this article

Not finding the help you need?