React TabStrip

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

The React TabStrip comes with built-in support for rendering its tabs from in a left-to-right or right-to-left order, enabling the component to work in any globalization scenario.

See React TabStrip 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 TabStrip - Accessibility, KendoReact UI Library

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.