Skip to end of metadata
Go to start of metadata
Pattern: Global Navigation Menus

When to use this pattern

  • When navigation controls should be present on every screen of an application.


Default menu state: CSS class dropdown
Hover menu state: CSS class dropdown open
Open menu: CSS class dropdown-toggle
  • Global Navigation should be present regardless of what page the user is viewing.
  • Navigation items can change depending on use role, activity in the application, or logged in/logged out status.
  • No labels