Package Exports

@fluentui/react-tabs
@fluentui/react-tabs/lib-commonjs/Pivot
@fluentui/react-tabs/lib/Pivot

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@fluentui/react-tabs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@fluentui/react-tabs

React Tabs components for Fluent UI React

The Tabs control (formerly Pivot) is used for navigating frequently accessed, distinct content categories. Tabs allow for navigation between two or more content views and relies on text headers to articulate the different sections of content.

These are not production-ready components and should never be used in product. This space is useful for testing new components whose APIs might change before final release.

To import React Tabs components:

import { ThemeProvider, Tabs, TabItem } from '@fluentui/react-tabs';

const App = () => {
  return (
    <ThemeProvider>
      <Tabs>
        <TabItem headerText="Hello">Hello</TabItem>
        <TabItem headerText="World">World</TabItem>
      </Tabs>
    </ThemeProvider>
  );
};