...
Type | Usage | Image |
|---|---|---|
Help | A help message contains an explanation of any content relevant to the primary screen. |  |
Information | An information message contains additional information relevant to the primary screen. |  |
Warning | A warning message informs the user about a potential problem, particularly one that could occur if the user continues with an action. |   |
Error | An error message informs the user about an error that has occurred. |  |
...
For basic popup structure see Popups.
The message popup may contain a checkbox, allowing the user to declare a statement, e.g. I understand or Don’t show this again.
  |   |
Placement and Positioning
...
A message popup is very intrusive. Use it only for important messages or long help messages. For lower-priority messages → use a Toast.
Keep the title short and informative. The title should not include the actual name of the entity.
Keep the message text short and informative.
A common use is when the user tries to leave a page without saving their work. In this case, a warning popup will appear:
  |
Design
Zeplin link | Screen thumbnail |
|---|---|
 |
...