Component
This is the page excerpt!
When to use
- Use to help people navigate within different areas and change their application settings.
Usability guidance
- Combine with the header to provide the ability for users to expand and collapse the menu.
- Display only the most important navigation within the menu.
- Avoid nesting several items within the menu, as only the top-level items are available to users when the menu is collapsed.
- If use cases warrant a more complex menu hierarchy, an optional searchfield can help users reveal nested links.
- When applicable, pin the menu header and footer to keep them visible in the menu.
- On mobile, tapping on page content collapses the expanded menu.
UX writing
- Keep navigation labels concise, aiming for a max of 30 characters to avoid truncation.
- Consider how translations may increase string length.
- Another option that is just text.
