Related pages: Popups, Dialog, Toast
Lead: Liav Nadler ONGOING
| Table of Contents |
|---|
Description
...
Usually it appears on user's action (e.g. clicking help icon) and it must be dismissed by the user
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 usually OK)
- Cancel Secondary action button (usually Cancel, when relevant)
Types
Type | Example |
|---|---|
| Help |
|
| Information |
|
| Warning |
|
| Error |
|
...
- When relevant, clicking the Cancel button closes the popup without performing any other action
...
- 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
Dialog
A dialog is a small window that prompts the user to make a decision or enter additional information.
...
Accessibility compliance
<<In general each component should be A11y complied, please follow the 3 guidelines linked below. At the very least we should document that each component is in compliance with each of the 3>>
...