Overview

Purpose

Notification is primarily used for system and account notifications. It should not be used for non-system/action information such as promotional banners.

Anatomy

The Notification component can be broken down into the following elements -

1. Icon (optional)
   Helps to indicate whether the Notification relates to success or error.

2. Title
   The main content area for the Notification.

3. Icon Button (optional)
   Icon Button used to dismiss the Notification.

Variants & States

• Breakpoints: Mobile & Tablet, Desktop
  
• Type: Success, Error
  
• Icon: on/off
  
• Dismiss Icon: on/off