Navigieren auf digital.sbb.ch

Status

1. What does the component do?

  • It shows the status of an object.

2. When should the component be used?

  • When the status of an object has to be shown permanently and prominently.

3. Rules

  • The images below show examples of statuses. The statuses are defined specifically for each application and the colours and icons are therefore also selected appropriately.

4. Variants and statuses

The component has the following statuses:

  • Default

4.1 Icon

Example image of the status component in the bubble variant with icon only
  • This variant serves as a space-saving variant which can be used, for example, in a table.

Design specification

4.2 Text

Example image of the status component in the extended variant with text only
  • This variant serves as a space-saving variant which can be used, for example, in a table when Icons are not self-explanatory.

Design specification

4.3 Extended

Example image of the status component in the extended variant with icon and text
  • This variant should mainly be used in the detailed view of an object.

Design specification