Tabs
Two styles, one accessible API. `primary` is the prominent underline tab the docs use to switch a page's main content — framework and code tabs. `secondary` is the compact segmented track for switching context inside page content (the same styling backs the SegmentedControl toggle). Both share role=tablist/tab/tabpanel, aria-selected, and roving-tabindex keyboard nav (Arrow / Home / End). Source: src/components/ds/ui/Tabs.tsx.
Primary
Underline tabs — prominent and structural. Use them to switch a page's main content (the docs framework/code tabs). Pick a size to preview it.
Secondary
The segmented track — compact, self-contained tabs for switching context inside page content. Pick a size to preview it.
Icon only
Pass just the `icon` and keep an accessible name in an `sr-only` label. Works in both styles.