Status
The status is a permanently visible information about the general status of a system or an object. This is often crucial to the user to understand and predict the behaviour of the application.
Connection status#
- Connection status displayed in the center of the header
- When to use
- Use this connection status when the system has one or multiple fundamental connections. E.G. to markets or APIs.
- Description
- The connection status indicates wether the system is connected or disconnected. Often this is combined with a button to start the connection process or settings.
- Behaviour
- The connection status should be shown on the app header in the center, this way it is always visible and very prominent.
- Components to use
-
Object status#
- Object or page status displayed next to the title
- When to use
- Use this object status when an object or a page can have different states (like active and inactive).
- Description
- The object status indicates the state that an object or page is currently at. Often this a active or inactive.
- Behaviour
- The object status should be shown close to the title of the object or page.