1. What does the component do?

• Provides a menu item for use in different modules.

2. When should the component be used?

In menus, e.g. in the Header in the variant «Suite» or the Sidebar.

3. Rules

• Icons can optionally be inserted before the text to make navigation clearer.

4. Variants and statuses

The component has the following statuses:

• Default
• Hover
• Active

4.1 Standard

• The icon selected here is to be used when the menu item replaces the existing content.

Design specification

• Default
• Hover
• Active

4.2 Icon

• The icon selected here should be used if the content behind the menu item is opened externally (e.g. in a new tab).

Design specification

• Example with Icon
• Example with App-Icon
• Example with Placeholder