Navigation
Tabs
Switch between views of one record. Pill tabs fill the selected tab for page sections; underline tabs slide a 2px indicator for panels inside a card. Arrow keys move between tabs.
Pill
The client hub section bar. Counts stay quiet so the label leads.
Underline
Inside a card, where a filled pill would compete with the card itself.
INV-0143 and INV-0144 are waiting on Hydroheat, £9,240 in total.
With icons
Disabled
A disabled tab stays visible so the section is discoverable, and keyboard focus skips it.
In context
Care and SEO retainer is on track: 14.5 of 20h used, 5.5h left in September.