background

KendoReact

React TabStrip

  • Easily create a customizable tabbed interface that automatically inherits your React application's theme.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
TabStrip Header
  • Organize Content Info Customizable Tabs

    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 the 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 the React TabStrip Tabs demo

    React TabStrip - Tabs, KendoReact UI Library
  • Scrollable Tabs

    When the space your tabs occupy is greater than the width of the container, your layout can become unpleasant. To avoid this, the KendoReact TabStrip will automatically add scroll controls. Your layout will be intact, and your users will be pleased.

    See the KendoReact Scrollable Tabs demo

    TabStrip - Scrollable Tabs
  • Right-to-Left Support

    The KendoReact TabStrip component RTL mode enables you to display the control’s text and UI elements from right to left.

    See the KendoReact TabStrip Right-to-Left Support demo

    KendoReact TabStrip Right-to-Left Support
  • 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 the 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 the React TabStrip Accessibility demo

    Accessibility

All KendoReact Components

Next Steps