Shadcn Navigation Blocks

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

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.

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

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

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.

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 mega-menu with three grouped link columns and a featured announcement panel, rendered without a Radix portal.

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

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

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

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

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

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

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

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 command palette with grouped Pages, Actions with Kbd shortcuts, and People results with avatars.

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

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