Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Lead:  Liav Nadler 

Status
colourYellow
titleongoing

Table of Contents


Description

  • A popup is a window that forces the user to interact with it before they can go back to using the parent application.
  • A popup window contains of these elements:
    • A colored header, including a title and a closing button
    • A content area, which may contain text, inputs and controls
    • A primary action button
    • A secondary action button, if relevant

Types

TypeUsageFor more information
Popup messagesDisplay warnings, error messages and important informationSee Popup Messages
DialogsCollect information from users or allowing them to make decisionsSee Dialogs

...

  • A popup window should carry a limited amount of information. If the content you wish to display is extensive consider using other patterns
  • Avoid nested popups

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>>

...