Tabs

npm install my-package
yarn add my-package
<Tabs>
  <Tab label="npm">
    ```sh
    npm install my-package
    ```
  </Tab>
  <Tab label="yarn">
    ```sh
    yarn add my-package
    ```
  </Tab>
</Tabs>

Synced tab groups

Use a group prop to sync tabs across multiple <Tabs> instances. When the user switches tabs in one, all others with the same group switch to the matching label.

npm install my-package
yarn add my-package
npm run dev
yarn dev
<Tabs group="package-manager">
  <Tab label="npm">...</Tab>
  <Tab label="yarn">...</Tab>
</Tabs>

<Tabs group="package-manager">
  <Tab label="npm">...</Tab>
  <Tab label="yarn">...</Tab>
</Tabs>

The selected tab is persisted in localStorage so it is remembered across page navigations.