Skip to content

Design Guidelines Modal

Marc-Elian Begin edited this page Oct 12, 2018 · 1 revision

Modal Dialogue

The modal dialogue allows the app to interact with the user without leaving the context of a given page.

Here are the main characteristics of our modal:

  1. Comes on top of an existing page by darkening and 'freezing' the background
  2. The modal can be cancelled (or exited) by clicking on the top right x icon, clicking on the background or hitting the 'esc' key
  3. The modal has three sections: header, content and footer as shown in the following screenshot:

modal

Clone this wiki locally