Principes Bases Accessibilité Système de design Guidelines Deutsch Français Italiano English Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs supplémentaires Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Aperçu Releases Design Tokens Composants Aperçu Base Informations Aperçu Base Composants Aperçu Power-Apps Bandeaux publicitaires numériques SAP IA Design : Bases Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English 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.
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