Related pages: Popups, Dialog, Toast
Lead: Liav Nadler ONGOING
Description
A message popup is a small modal window containing a warning, error message, help text or other important information
Usually it appears on user's action (e.g. clicking help icon) and it must be dismissed by the user
Types
Type | Example |
---|---|
Help | |
Information | |
Warning | |
Error |
Usage & Behaviour
General guidelines
The popup may contains these elements:
- Header, including a title (e.g. "Warning") and a closing icon
- Icon (e.g. question mark icon for help)
- The message text
- Primary action button (usually OK)
- Secondary action button (usually Cancel, when relevant)
- Don't show this again checkbox
- For basic popup usage and behaviour see Popups
Best practices
- The message popup is more intrusive than a toast. Use it only for important messages (or long messaged in the case of help)
- Keep the title short and informative
- Keep the message text short and informative
Design
Zeplin link | Screen thumbnail |
---|---|
<<Zeplin Link>> | <<Screen with 200 width>> |
Code