# Notification in UiKit

**URL:** <https://community.sendbird.com/t/notification-in-uikit/824>\
**Category:** Miscellaneous\
**Created:** [August 20, 2020, 5:54am UTC](https://community.sendbird.com/t/notification-in-uikit/824 "2020-08-20T05:54:12Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![vcs\_account](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/vcs_account/32/408_2.png) [@vcs\_account](https://community.sendbird.com/u/vcs_account)\
**Post date:** [August 20, 2020, 5:54am UTC](https://community.sendbird.com/t/notification-in-uikit/824/1 "2020-08-20T05:54:12Z")

</div>

Hi everyone,  
can i use notification in web UiKit?  
I am using React.js UiKit in web application. When user logged in to my application then if anyone send  
message on sendbird chat then notify to user that "Receive one new message ".  
have any idea about that Use Case?

---

<div class="post-metadata">

**Author:** ![alex.orr](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/alex.orr/32/148_2.png) [@alex.orr](https://community.sendbird.com/u/alex.orr)\
**Post date:** [August 21, 2020, 7:02pm UTC](https://community.sendbird.com/t/notification-in-uikit/824/2 "2020-08-21T19:02:56Z")

</div>

Yeah, what kind of notification are you thinking? [Here is a modified version](https://github.com/AlexOrrSB/sendbird-multitab-demo) of the [official UIKit Composed React Sample](https://github.com/sendbird/SendBird-JavaScript/tree/master/uikit-samples/composed-react-app) with some toggles to show a toast and/or browser notification when a message is received.

This was created with an additional use case to toggle which tab maintains its connection when multiple tabs are open, which makes this a bit of overkill. You can ignore the ‘connection mode’ toggle. For implementation you will want to do something like [this](https://github.com/AlexOrrSB/sendbird-multitab-demo/blob/99bc95aa8fa30d37500dd7bdbf7dc4eb956db99f/src/MultitabSettings.js#L52) to listen for message events and then display a notification when a message is received.

Another good source is in your question here which covers receiving events. You can then display a [browser notification](https://developer.mozilla.org/en-US/docs/Web/API/notification) with something like [this](https://github.com/AlexOrrSB/sendbird-multitab-demo/blob/99bc95aa8fa30d37500dd7bdbf7dc4eb956db99f/src/MultitabSettings.js#L133). You will first want to make sure you [request permission](https://github.com/AlexOrrSB/sendbird-multitab-demo/blob/99bc95aa8fa30d37500dd7bdbf7dc4eb956db99f/src/MultitabSettings.js#L112) to display browser notifications like this.