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
Status.
Overview
What does the component do?
It shows the status of an object.
When should the component be used?
When the status of an object has to be shown permanently and prominently.
Rules
The images below show examples of states. The states are defined specifically for each application and the colors and icons are therefore also selected appropriately.
Variants
States
The component has the following states:
Default
Variants
Icon
This variant serves as a space-saving variant which can be used, for example, in a table.
Text
This variant serves as a space-saving variant which can be used, for example, in a table when Icons are not self-explanatory.
Extended
This variant should mainly be used in the detailed view of an object.
Specifications
Link target opens in a new window.DesignLink target opens in a new window.Code