NexoreUI
2.0
InstallationComponentsIconsTemplatesNewNexore MakePricing
Create Project
GitHub
NexoreUI
2.0
Navigation
InstallationComponentsIconsTemplatesNexore MakeCreate Project
InstallationComponents OverviewIcons
Categories (65)
ButtonInputCheckboxSelectSwitchSliderRatingFile Upload
CardAccordionTabsTableStepperScroll AreaNavigationDockData DisplayChartsCommerce
Modal (Dialog)AlertBadgeAvatarTooltipProgressSkeletonLoadersToasterSocial
Aurora Border CardAurora Search PillAI Prompt InputCommandInteractive Code BlockPro AI
Media ShowcaseOverlays & DrawersPro ButtonsPro DashboardsPro E-CommercePro FeedbackPro FormsPro InputsPro LayoutsPro ListsPro MarketingPro NavigationPro TablesSpecial FormsUltra Components
OverviewPro CardsPro ObjectsSoundPulseSilkUnveilNode Flow Graph
NexoreUI v2.0Studio
DocsPro Navigation

Pro Navigation

Wayfinding controls: segmented filter bars, locale pickers, user menus, and tree navigation.

On This Page
Quick ActionsProject StudioNewNexore Make (AI)Source on GitHub
Wayfinding Primitives

Pro Navigation

Advanced navigation and filtering controls: segmented filter bars, locale pickers, user menus, hierarchical file trees, and floating context action bars.

npx nexoreui add pro-navigation

Segmented Filter Bar

Horizontal filter pills with search input and sorting trigger.

Filters:
Status: Active
Role: Admin
component.tsx
1

Context Action Bar

Floating action toolbar appearing when rows or assets are selected.

3 items selected
component.tsx
1

Hierarchical File Tree Navigation

Collapsible tree view for folder directories, document hierarchies, and code repositories.

Components
Buttons
Cards
Inputs
Hooks
component.tsx
1

User Profile & Settings Menu

Header avatar dropdown menu with quick account navigation links.

JD
John Doeadmin@example.com
component.tsx
1

Pagination Bar Pro

Numbered page selector with previous/next triggers and per-page limits.

...
component.tsx
1

Accessibility (a11y)

  • Keyboard Traversal: Tree items support Arrow Up/Down and Arrow Right/Left for expand/collapse actions.
  • ARIA Roles: Filter bar uses role='toolbar' and aria-orientation='horizontal'.