Use the object display components if:

• You need to display the semantic status of an object: negative, critical, positive, or neutral. Use the object status for this.
• You want to display the key number of an object. In this case, use the object number and keep the default emphasized setting.
• You need to display one or more numeric attributes of an object (for example, for objects you want to compare). Use the object number for this.
• You want to indicate the key identifier of the object. Use the object identifier for this.
• You want to display the technical state of an object (draft, unsaved changes, locked, favorite, flagged). Use the object marker for this, unless you want to display the status of the object in the business life cycle. In the latter case, consider using the object status instead.
• You need to show that the current object instance is locked by another user. Use the object marker for this.

Do not use the object display components if:

• You want to display system messages.
• They are for decoration purposes only.

The object status is a short text that represents the semantic status of an object.

It consists of the following:

• A semantically colored text indicating its status (property: text). We recommend using this semantically colored text-only option on its own. Check out the How to Use Semantic Colors / Industry-Specific Colors article for color options.
• An optional icon (property: icon). If you use an icon, ensure it’s well understood in the context. You can also use the following icon set for your use case:
    = positive/success
    = critical/warning
   = negative/error
  Note that there is no generic icon for “neutral” across industries. If you have a neutral object status, use the text-only version, or a blank icon. Only use an icon to denote “neutral” in the app-specific business context in exceptional cases.

• An optional inverted visualization. Use the inverted object status if the information is crucial for the user’s actions and needs to stand out visually (for example, in table list items).
• An optional link (property: active). If the object status is used as a link, a hover effect is shown on non-touch devices. Use this feature if the user needs additional information about the status (for example, in a popover). Note that if you use the object status as a combination of icon and text, there is no hover effect for the icon.

• An optional larger font (CSS class: sapMObjectStatusLarge). Use this feature if the object status is important in the business context and needs to stand out visually in the page header (for example, key value facets in an object page).

The object identifier is a short text that represents the key identifier of an object.

It has the following characteristics:

• A title text (property: title)
• An optional link (property: titleActive). In this case, the event can open the quick view of the object or a popover for example.
• An optional additional descriptive text (property: text)

The object number is a short text that represents the numeric (key) attribute of an object and its unit.

It consists of the following:

• A colored text (property: number) based on the semantic color palette. Check out the How to Use Semantic Colors / Industry-Specific Colors article for more details.
• An optional unit (property: unit).

• An emphasized text which you can set to non-emphasized when you use it in the content area (property: emphasized).

• An optional inverted visualization of a crucial number, which needs to visually stand out and attract the user’s attention (property: inverted). Use this visualization sparely and not more than two of them on one page.

• An optional larger font (CSS class: sapMObjectNumberLarge). Use this feature if the object number is important in the business context and needs to stand out visually in the page header (for example, key value facets in an object page). Once the large font is applied, the object number can no longer be emphasized.

The object marker indicates the technical status of an object and can be interactive. It is enabled for the dynamic page layout, the snapping header, the object page header, the upload set control, and the object list item. You can represent the technical status as an icon, with an icon and text, or as text only, depending on the screen size.

Currently, the following technical statuses can be visualized by the object marker:

• Editing Status: Draft, Unsaved Changes, Locked. The editing status is part of the draft handling concept.
• Favorite
• Flag

Flag and Favorite are usually displayed as icons on all screen sizes. For more information, see Flag and Favorite.

An object can have multiple technical statuses at the same time. However, because the editing statuses are mutually exclusive, users will see a maximum of 3 technical statuses for an object: Flag, Favorite, and one Editing Status.