Tabs
Tabs keep related content in a single container that is shown and hidden through navigation.
Read more about when and how to use the Tabs component on the website.
Getting started
Install the package
yarn add @hig/tabs @hig/theme-context @hig/theme-data
Import the component and CSS
import Tabs, { Tab } from "@hig/tabs";
import "@hig/tabs/build/index.css";
Basic usage
<Tabs align="center">
<Tab label="Details">Details content</Tab>
<Tab label="Activities">Activities content</Tab>
<Tab label="Inspector">Inspector content</Tab>
</Tabs>