React TabStrip

  • Also referred to as a React Tabs component, the TabStrip creates a customizable tabbed interface that automatically inherits your React application's theme.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.
  • Overview

    With the React TabStrip component you can display 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 React TabStrip Overview demo

    React TabStrip - Overview, KendoReact UI Library
  • Tabs

    Each tab within the KendoReact TabStrip component comes with multiple configuration options. This includes setting the text of the tabs, displaying or not displaying tabs on initial loading, setting the tab position, as well as implementing closable tabs.

    See React TabStrip Tabs demo

    React TabStrip - Tabs, KendoReact UI Library
  • Globalization

    By default, the React Drawer component will be rendered on the left-hand side, but for applications that require right-to-left display, the Drawer can easily be rendered on the right-hand side.

    See React Drawer Globalization demo

    React TabStrip - Globalization, KendoReact UI Library
  • Keyboard Navigation

    Every tab within the KendoReact TabStrip can be navigated to and interacted with using keyboard navigation, ensuring users can interact with the React component no matter which method they need to use.

    See React TabStrip Keyboard Navigation demo

  • Accessibility

    The KendoReact TabStrip is fully accessible and has built-in compliance for Section 508 and WAI-ARIA standards, and has a AAA rating for WCAG 2.0.

    See React TabStrip Accessibility demo

    React Accessibility - KendoReact

All KendoReact Components

waves bg

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.