Tabs

Radix Tabs from the shadcn registry: a real tablist with roving focus and arrow-key navigation, styled as the design system's pill segmented control or an underline strip. TabSelect stays for link-driven tabs (href per tab); use Tabs when the panels live on the same page.

Pill (default)

The segmented control: grey rounded-full track, white shadow-sm indicator, brand-blue active label.

Spend, results and the headline metrics.

Line

Underline tabs for switching sections of a page. Same brand-blue active language.

Name, logo and default client settings.

With icons, vertical

An SVG child is sized to 16px unless it sets its own size-*. orientation="vertical" stacks the list and flips the line indicator to the right edge.

Cards in a responsive grid.