The sidebar of an app: grouped links with icons and an optional count, groups that open and close, the current page marked with aria-current, and a button…
2 states
App shell
The frame around every screen: sidebar navigation and the top bar with breadcrumbs and the account menu.
The top bar of an app: breadcrumbs (the last is the current page, aria-current) and an account menu on an avatar button that opens with Enter, Space or the…
3 states
The sidebar, the top bar and the content in one frame, the way an app wears them: fold the sidebar into its rail, open the account menu, move through the…