# NotificationComponent

> **Info:** This is release candidate documentation for **Stream Chat Angular SDK v8**. For the latest stable version, see the [latest version (v7)](https://getstream.io/chat/docs/sdk/angular/).

The `Notification` component displays a notification in the [notification list](https://getstream.io/chat/docs/sdk/angular/v8/components/NotificationListComponent/).

## Basic Usage

```html
<stream-notification type="success">
  File upload was successful
</stream-notification>
```

## Customization

You can provide your own notification component by the [`CustomTemplatesService`](https://getstream.io/chat/docs/sdk/angular/v8/services/CustomTemplatesService/)

[//]: # "Start of generated content"

## Inputs and outputs

### type

**type**: `undefined` \| `NotificationType`

The type of the notification

#### Defined in

[lib/notification/notification.component.ts:16](https://github.com/GetStream/stream-chat-angular/blob/8ed7ea67ea3deb96c2ae7fcccfd82bd32ad7f184/projects/stream-chat-angular/src/lib/notification/notification.component.ts#L16)

---

### content

**content**: `undefined` \| `TemplateRef<void>`

The content of the notification (can also be provided using `ng-content`)

#### Defined in

[lib/notification/notification.component.ts:20](https://github.com/GetStream/stream-chat-angular/blob/8ed7ea67ea3deb96c2ae7fcccfd82bd32ad7f184/projects/stream-chat-angular/src/lib/notification/notification.component.ts#L20)

[//]: # "End of generated content"

---

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/angular/v8/components/NotificationComponent/](https://getstream.io/chat/docs/sdk/angular/v8/components/NotificationComponent/).