component

Secondary Navigation

Secondary navigation allows for movement within a section or page.

Design Complete

Usability

When to use
  • Use when the Account name (Profile v3 variation) or Help (Help v3 variation) are selected in the top navigation, respectively. Use the Profile v3 for Open Opps users variation when a user is in an Open Opps session.
  • Both variations should be fixed to the top of the viewport as the user scrolls.
  • The Open Opps variation should navigate the user back to their Open Opps profile or, failing that, https://openopps.usajobs.gov/home
When NOT to use
  • Do not use this specific variation outside of Account and Help.
Horizontal (Profile v1)

Guidelines

  • Do not use icons alongside nor within the text of the navigation labels
  • Do not use the required asterisk alongside nor within the text of the navigation labels. Please do use the form legend component to indicate that the entire section is required.

Usability

When to use
  • Use secondary navigation to allow the user to move laterally to other sub-sections of a section. For example, to move between sub-sections of their Profile.
When NOT to use
  • Avoid using this component to move within the same page. Typography, including clear section headers, should be enough to allow the user to navigate the page.