Menuitem Overview

What does the component do?

  • Provides a menu item for use in different components.

When should the component be used?

In menus, e.g. in the header in the variant «Suite» or the sidebar.

Rules

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

States

The component has the following states:

  • Default
  • Hover
  • Active

Variants

Default

Image of the menu item


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

Icon

Image of the menu item with icon


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

Specifications

Design