# Navigation components

> 13 Navigation components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Breadcrumb, IconRailSidebar, Menubar, MobileNavKit, NavigationMenu, Pagination, ProductSwitcher, SidebarCustomize, Stepper, Tabs, TreeView, UserMenu, WorkspaceSwitcher.

Source: https://docs.nasaqui.com/components/groups/navigation

- [Breadcrumb](https://docs.nasaqui.com/components/breadcrumb): Location trail for the app header - a nav landmark with an ordered list, links, a current page and directional separators.
- [IconRailSidebar](https://docs.nasaqui.com/components/icon-rail-sidebar): Two-level navigation. A slim rail of icons picks the section and a sub-sidebar beside it lists that section's pages. Folds into a sheet on mobile.
- [Menubar](https://docs.nasaqui.com/components/menubar): Desktop-app menu bar (File, Edit, View) on Base UI Menubar and Menu, with submenus, checkbox and radio items and Kbd shortcuts. Uses the same item styles as DropdownMenu.
- [MobileNavKit](https://docs.nasaqui.com/components/mobile-nav-kit): Mobile navigation, a bottom tab bar with badges, swipe-action list rows that also open a context menu, and a horizontally scrolling filter strip.
- [NavigationMenu](https://docs.nasaqui.com/components/navigation-menu): Marketing-site header menu on Base UI NavigationMenu, with chevron triggers, a shared animated panel, link lists and a featured card slot. Works in RTL.
- [Pagination](https://docs.nasaqui.com/components/pagination): Numbered Pagination with ellipsis, CursorPager (previous/next with a "Showing X-Y" label) and LoadMore button with a loading state.
- [ProductSwitcher](https://docs.nasaqui.com/components/product-switcher): App launcher grid that shows each installed product's official mark, plus a sidebar products group and "Switch to…" palette commands.
- [SidebarCustomize](https://docs.nasaqui.com/components/sidebar-layout): Lets users reorder and hide sidebar items - a persisted layout hook, drag-to-reorder in the sidebar, and an accessible customize dialog.
- [Stepper](https://docs.nasaqui.com/components/stepper): Ordered steps with markers and connectors, horizontal or vertical, with complete, current, upcoming and error states.
- [Tabs](https://docs.nasaqui.com/components/tabs): Switches between views of the same subject without leaving the page; segmented or underline style with a sliding indicator, built on Base UI Tabs.
- [TreeView](https://docs.nasaqui.com/components/tree-view): An accessible tree of nested items with expand and collapse, single or multiple selection, roving-tabindex keyboard navigation with typeahead, lazy children and RTL-aware arrow keys.
- [UserMenu](https://docs.nasaqui.com/components/user-menu): Avatar menu at the bottom of the sidebar - identity, your account items, theme and language submenus, and sign out.
- [WorkspaceSwitcher](https://docs.nasaqui.com/components/workspace-switcher): Organisation / team switcher for the top of the sidebar, with logo, plan line, an optional "Add workspace" item and room for extra menu items.