Used to communicate different types of information to our users, depending on what triggered the need to show that information and how important it is.

Anatomy

  1. Icon
  2. Title (optional)
  3. Text
  4. Action (optional)
  5. Dismiss (optional)

https://invis.io/UKYKRK23A7R#/429928493_Notification_-_Anatomy

Variations

Inline and toast notifications are mostly the same, with the difference that one is proactively triggered by the system (inline) whereas the other is triggered by the user (toast). Banner notifications are reserved for exceptional platform-level cases.

Type