# NotificationComponent

The `Notification` component displays a notification in the [notification list](/chat/docs/sdk/angular/v4/components/NotificationListComponent/).

## Basic Usage

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

## Customization

You can provide your own notification component by the [`CustomTemplatesService`](/chat/docs/sdk/angular/v4/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/2451bc8/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/2451bc8/projects/stream-chat-angular/src/lib/notification/notification.component.ts#L20)

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


---

This page was last updated at 2026-03-05T19:02:09.842Z.

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