When to use
Use when the product has a stable set of sections the user jumps between.
Loading…
Find components, patterns, tokens, and docs
Documentation
Sidebars hold the product map when there are more destinations than a navbar can carry.
Group related destinations. Collapse on small screens instead of shrinking labels to icons-only without names.
Appearance is not enough. This is the contract for when the control earns a place in the product.
Use when the product has a stable set of sections the user jumps between.
Don't use a sidebar for a 3-page marketing site.
Keeps section switching cheap in tools people live in all day.
nav landmark, current page, and a way to skip the nav on every page.
<Sidebar
variant="primary"
size="medium"
>
Foundry
</Sidebar>