component
Secondary Navigation
Secondary navigation allows for movement within a section or page.
New Horizontal (Profile v3)
New Horizontal (Help v3)
Usability
When to use
- Use when the Account name (Profile v3 variation) or Help (Help v3 variation) are selected in the top navigation, respectively.
- Both variations should be fixed to the top of the viewport as the user scrolls.
When NOT to use
- Do not use this specific variation outside of Account and Help.
Vertical (Profile v2)
-
Profile Incomplete
- Home
- Profile
- Documents
- Username & Password
Profile
Usability
When to use
- The vertical variation of the secondary navigation replaces the horizontal variation within Account.
- Use when showing both required sub-sections and completion of sub-sections is necessary.
When NOT to use
- Do not use this specific variation outside of Account.
Horizontal (Profile v1)
Profile
Contact Information
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.