Navigation

The path to the current page as a list of links, with the current item last.

The command-palette opener a top bar reaches for: shaped like a search field, collapsing to just the icon under sm.

A horizontal application menu bar with drop-down menus, as in a desktop app.

Top-level site navigation with rich drop-down panels for each section.

A bell button that opens a short list of recent notifications.

Page links with previous and next for stepping through a long list.

The first focusable element of an application.

A hierarchical list with expand and collapse, single or multiple selection and full keyboard navigation.

Wizard — a multi-step flow with a step indicator, per-step validation gating, and Back/Next/Finish navigation.