When to use
Use when the user switches between peer views without leaving the page.
Loading…
Find components, patterns, tokens, and docs
Documentation
Tabs keep related views of one object on the same page.
Use 2–6 peer panels. Don't use tabs for a linear wizard.
Appearance is not enough. This is the contract for when the control earns a place in the product.
Use when the user switches between peer views without leaving the page.
Use links or a sidebar when the views are different tasks or routes.
Avoids full page reloads for content that belongs together.
tablist / tab / tabpanel roles, arrow key navigation, and a visible selected state.
<Tabs
variant="primary"
size="medium"
>
Overview
</Tabs>