Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Übersicht Basis Komponenten Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Menuitem

Übersicht

Was macht die Komponente?

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

Wann soll die Komponente eingesetzt werden?

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

Regeln

  • Icons können vor dem Text optional eingesetzt werden, um die Navigation klarer zu machen.
Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Default
  • Hover
  • Active

Varianten

Standard

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

Icon

Darstellung des Menuitems mit 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.

Spezifikationen

Design

Impressum Kontakt Datenschutz Cookie Einstellungen