pattern-library 1 linked patterns checked
Carbon Design System Tabs
Describes line, contained, and vertical tabs, including keeping tab panels visually connected to selected tabs and avoiding vertical tabs as replacement navigation.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Tabs | Choose tabs for sibling sections at the same hierarchy level that share one surrounding page context. | Changing tabs updates the visible panel without losing the surrounding page context. | Carbon distinguishes line, contained, and vertical tabs, connects selected tabs to panels, and warns not to use vertical tabs as replacement navigation. |
Comparisons supported by this source
- Breadcrumbs vs tabs vs bottom navigation
Carbon ties tabs to selected content panels, which distinguishes tabs from hierarchy navigation.
- Tabs vs segmented control vs pagination
Carbon distinguishes tab variants and emphasizes the connection between selected tabs and their content panel.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: IBM Carbon Design System. Last checked: .