Message
Allows the display of clear, concise and objective feedback on a user action or with system warnings - always in the context of the task at hand.
Message is ideal for use in the middle of page content or within other components. It is recommended to use it for situations where there is no entry of new data by the user, such as, for example, when visiting the page or when viewing a new section on the page.
Use of colors
The red color should be used in critical situations that require full attention, such as deleting data, system exit, disconnection, information loss feedbacks, among others.
The yellow color should be used in attention situations, however the action effect is not critical. There is no loss of information or the action can be reversed.
The green color should be used in positive feedback situations. It is usually associated with a correct action.
The color purple should be used for information, elements or support actions, as well as situations related to the help and support of the tool.
The primary color should be used to inform new features, calling the user to meet and test.
Good habits
- Attention to the correct use of colors in messages
- Avoid displaying more than one message on the screen
- Avoid too many messages during the flow of a task. Use only when needed