Shadcn Navigation Blocks

A sticky on this page outline rail listing document anchors along a guide line with the active section marked, beside doc content with a code sample.

Mobile bottom tab bar with five thumb-sized tabs, one active indicator, and a notification badge rendered in a phone frame context strip.

Underline tab row for within-page navigation with counts on two tabs and an active panel content area.

Static open recents menu grouped into Today and Yesterday with item type chips, visit times, and a clear history action.

Static open user menu at the sidebar foot with profile, settings, theme toggle, command shortcut, and sign out.

Static open-state context menu over a document row with grouped actions, keyboard hints, a submenu arrow on Move to, and Delete in muted weight.

Static open-state jump-to bar with a typed query, matching destinations grouped and one highlighted, and keyboard navigation hints in the footer.

A record detail header with a back link, a prev and next position counter with keyboard hints, and a title row with a status badge and actions.

Sidebar in its active filter state with the query filled, matching nav items highlighted and non-matches hidden, and a clear button to restore the full list.

Static open workspace switcher showing three workspaces with plan badges, member counts, and a create row.

The settings nav column with grouped links and the Danger zone last and muted.

Static open mega-menu with three grouped link columns and a featured announcement panel, rendered without a Radix portal.

Full in-app search results page with grouped Projects, People, and Files sections, counts, and a filter rail.

Static open product suite switcher panel with six app tiles, a current badge, and a manage apps footer row.

Table footer pagination in two densities: a numbered bar with a row range and rows per page control, plus a compact prev and next variant.

An expanded workspace sidebar with flat items, a Projects group opened to indented children along a guide line, and two collapsed groups with counts.

Persistent app topbar with breadcrumb trail, centered search with Kbd hint, notifications, and avatar.

Icon-only sidebar rail with a pinned shortcuts section above the main nav, inline tooltip labels, and an add-pin affordance.

Pill-style segmented toggle for switching in-page views with a per-segment item count, shown in mailbox and calendar range examples.

Static open command palette with grouped Pages, Actions with Kbd shortcuts, and People results with avatars.

Static open-state help menu with a docs search field, five action rows including keyboard shortcuts and a changelog unread dot, and a status footer.

Breadcrumb bar with the middle segment expanded into a sibling-project switcher panel showing the current item checked.

The detail page header, breadcrumb trail, title, and right aligned actions.