1. Was macht die Komponente?

• Bietet ein Menuitem für den Einsatz in verschiedenen Modulen.

2. Wann soll die Komponente eingesetzt werden?

• In Menüs, z.B. im Header in der Ausprägung «Suite» oder der Sidebar.

3. Regeln

• Icons können vor dem Text optional eingesetzt werden, um die Navigation klarer zu machen.

4. Ausprägungen und Zustände

Die Komponente hat folgende Zustände:

• Default
• Hover
• Active

4.1 Standard

• Das hier gewählte Icon soll dann eingesetzt werden, wenn das Menuitem den bestehenden Content ersetzt.

Design Spezifikation

• Default
• Hover
• Active

4.2 Icon

• Das hier gewählte Icon soll dann eingesetzt werden, wenn der Inhalt hinter dem Menuitem extern (z.B. in einem neuen Tab) geöffnet wird.

Design Spezifikation

• Beispiel mit Icon
• Beispiel mit App-Icon
• Beispiel mit Placeholder