Related pages: Popups, Dialogs, Toast
Lead: Liav Nadler
| Status | ||||
|---|---|---|---|---|
|
...
Type | Usage | Image |
|---|---|---|
Help | A help message contains an explanation of something relevant to the primary screen. Usually appears after a user clicks a help icon (?). |  |
Information | An information message contains additional information about something relevant to the primary screen. |  |
Warning | A warning message informs the user about a potential problem or error, 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 or may occur if the user continues with an action. |  |
...
General guidelines
Structure
The message popup may contain:
A colored header, including:
a title, such as Warning.
a close button (X).
A content area, containing the message text.
Buttons, including:
a primary action button (usually OK).
a secondary action button (usually Cancel), if relevant.
(Optional) A checkbox, allowing the user to declare something, such as I understand or Don’t show this again. For example:
...