REC
REC Platform
REC
Verifiable Credentials

Navigation Component Documentation

This navigation component matches the exact structure shown in the screenshot:

  • Left sidebar with logo and main navigation items
  • Top navigation bar with platform name, main navigation links, notifications, and user profile
  • Secondary navigation tabs for section-specific navigation
  • Proper dropdown support for Credentials and Settings

Navigation Mapping

The navigation structure follows this mapping:

  • Main Navigation: Dashboard, Credentials, Verification, Reports, Settings
  • Credentials Sub-Navigation: Issue Credentials, Manage Credentials, Disclosure Requests, Verification Results
  • Sidebar Navigation: Dashboard, Credentials (Issue, Manage, Request Disclosure), Verification, Reports, Settings

React Props

When converting to React, the following props should be implemented:

  • activeMainNav: Current active main navigation item
  • activeSecondaryNav: Current active secondary tab
  • expandedSidebarItems: Array of expanded sidebar dropdown items
  • user: User information object
  • hasNotifications: Boolean to show notification indicator