Tabs
Carbon-spec Tabs. Wraps Radix Tabs. Two visual variants: line — Carbon's default; underlined active tab. contained — Filled active tab; used in nested contexts.
primitives-tabs--defaultOpen all variants →
When to use
- Switch between related sections within a single page (project tabs, settings sub-pages, dataset views).
- 2-7 distinct content groups that share context.
When not to use
- Top-level site navigation → use `NavigationMenu`.
- Single-of-many input within a form → use `RadioButton` or
ContentSwitcherpattern. - Sequential flows → use the
ProgressIndicatorpattern. - Long content sections that should remain accessible → use the
Accordionpattern.