Navigation 80
Navigation with live state
The active tab unfolds its label inside a sliding pill, and the other tabs stay icons. Click the icons or press 1 to 5, press ⌘K or Ctrl K to search, and scroll down.
An app bar with data shown in the icons
- Data in the iconsA progress ring around Training shows the week at 68%, and a badge on Inbox counts three new items until Inbox is opened.
- Condenses on scrollPast 60 px the bar narrows to a pill, the wordmark folds away and the labels become tooltips.
- KeyboardThe keys work when the frame has focus: click inside it first.