Related Pages: Message Popup, Dialog
Lead: Liav Nadler Status colour Yellow title ongoing
| Table of Contents |
|---|
Description
A popup is a window that appears over the main display and forces the user to interact with it before they can go back to using . It usually appears on user's action (e.g. clicking help icon) and must be dismissed by the user before returning to the parent application
Types
| Type | Usage | Example | For more information |
|---|---|---|---|
| Message Popups | Display warnings, error messages and important information |
| See Message Popup |
| Dialogs | Collect information from users or allowing them to make decisions |
| See Dialog |
Usage & Behaviour
General guidelines
Structure
- A popup window may contain these elements:
- A colored header, including a title and a close button (X)
- A content area, which may contain text, inputs and controls
- A primary action button
- A secondary action button, if relevant
- Other action buttons, if relevant
- The popup appears over a semi-transparent background
...