Toast and Status Bar
Toasts are warnings that emerge in the context of use. On the other hand, Status Bars are information about a situation about something. (e.g.: file status - approved).
Anatomy
The color of the component is associated with the type of information. Green as a success, yellow as an alert, and red as an error or critical failure. Neutral notifications, as in the example below the status For Analysis, are grayed out.
Attention
The Status Bar can come with an abbreviated text if they already appear in the full written style. In the example below, the status in Company Hierarchy (Hierarquia de empresas ) is abbreviated whereas, in the Documents List (Lista de documentos,), we use the full-text style.
In complex interfaces like the one shown above, we can also notify the status in an even more shortened version with just one ball. Although it is an option used as a last resort.
Usage examples
Toasts appear at the top of the screen below the header menu.
However, there are rare cases that the alert must be associated with specific information to be viewed by the user. In such cases, it is possible to adapt as shown below:
Last updated
Was this helpful?