SegmentedNav

The v2 top bar's centered destinations: links in a muted well, the current one lifted onto a card pill that slides between items, with an optional count. Labels can hide on narrow screens and fall back to a tooltip.

Segmented nav

The v2 top bar: the lockup, three destinations centered in a muted well, and the account. The current destination sits on a card pill that slides between items. A count shows only when it is above zero. Compact hides the labels and keeps them as tooltips, for phones.

active

today

people

compact

The page renders below the bar.

<SegmentedNav label="Primary">
  <SegmentedNavItem
    href="/today"
    link={Link}
    icon={Sun}
    count={3}
    isActive
  >
    Today
  </SegmentedNavItem>
  <SegmentedNavItem
    href="/brain/people"
    link={Link}
    icon={Users}
    count={5}
  >
    People
  </SegmentedNavItem>
  <SegmentedNavItem href="/user/cloudagents" link={Link} icon={Bot}>
    Automations
  </SegmentedNavItem>
</SegmentedNav>