The brandLink target opens in a new window. SBB Brand portal Logo Digital clock Rights of useColors Base colors Additional colors Off brand colorsAssets Icons Timetable icons PictogramsLanguage About UX Writing Button and link texts Forms and inputs Notifications Progress indicators Digital word list
Introduction About accessibility About this guide Contact Further informationAccessibility by roles Product Owner User Research Interaction Design Visual Design Development Content Design Testing
First steps What is a design system? Designing Coding FAQ HelpOrganisation Process Contribution ContactMobile Overview Base ComponentsLyne Overview What is Lyne? Releases Presets & Themes Design Tokens Components TemplatesMaps Overview Base InformationsPatterns Overview
Regulations App IconsGuides Power-Apps Digital banner ads SAP Design Guidelines AI Design: Basics
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
The icon selected here is to be used when the menu item replaces the existing content.
Icon
The icon selected here should be used if the content behind the menu item is opened externally (e.g. in a new tab).