# NotificationListComponent

The `NotificationList` component displays the list of active notifications.

## Basic Usage

You can use the `NotificationList` component to display the active notifications:

```html
<div id="root">
  <stream-channel-list></stream-channel-list>
  <stream-channel>
    <stream-channel-header></stream-channel-header>
    <stream-message-list></stream-message-list>
    <stream-message-input></stream-message-input>
  </stream-channel>
  <stream-notification-list></stream-notification-list>
</div>
```

## Customization

See [our customization guide](https://getstream.io/chat/docs/sdk/angular/v5/concepts/customization/) on how to provide your own notification list component.

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


---

This page was last updated at 2026-08-11T17:19:01.807Z.

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