Skip to end of banner
Go to start of banner

Message Popup

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 17 Next »

Related pages: PopupsDialogToast


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

  • No labels