Navigieren auf


1. What does the component do?

It is used for logging in/logging out and provides the user logged in with a menu with comprehensive functions.

2. When should the component be used?

Whenever the user should be able to log into an application.

3. Rules

  • The user menu is always positioned in the header and can only be used there.
  • The expanded user menu can be closed by clicking outside of the dropdown.
  • The last menu item in the list is always ‘log out’.

4. Variants and statuses

The component has the following statuses:

  • Logged out
  • Collapsed
  • Expanded

4.1 Standard

Image of the user menu component in the standard variant

Code specification

Design specification

4.2 With additional info

Image of the user menu component with additional text.

Design specification

Code specification