---
title: "Notification"
canonical: https://sky-ui.cf.sky.com/components/notification
---

# Notification

Notification is a component primarily used for system notifications.

## 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)** <br /> Helps to indicate whether the Notification relates to success or error.

2. **Title** <br /> The main content area for the Notification.

3. **Icon Button (optional)** <br /> [Icon Button](/components/icon-button/) used to dismiss the Notification.

## Variants & States

- Breakpoints: Mobile, Desktop<br />
- Type: Success, Error<br />
- Icon: on/off<br />
- Dismiss Icon: on/off<br />

**Success**

    
  **Error**