Notifications (Beta)

forceCommunity:notifications

Notifications lets your members receive notifications wherever they are working, whether in their communities or in their apps. Members receive notifications on any screen—mobile, tablet, and desktop. All events that trigger notifications (@mentions and group posts) are supported. When a member clicks a notification, the originating detail page or other appropriate location is displayed for seamless collaboration across communities and apps.

For Use In

Lightning Experience, Experience Builder Sites, Salesforce Mobile App

A forceCommunity:notifications component represents a Notifications icon. Notifications alert users when key events occur, such as when they are mentioned in Chatter posts. This component is supported for Lightning Experience, the Salesforce mobile app, and Experience Builder sites. Use this component inside the template header only.

1<aura:component>
2    <forceCommunity:notifications/>
3</aura:component>

Notifications let users receive notifications wherever they are working, whether in their Lightning sites, or in their apps. All events that trigger notifications (@mentions and group posts) are supported. Users can even trigger notifications on record feeds For example, an internal user can trigger a notification from the Salesforce org by @mentioning an external user on a lead or opportunity.

Here’s an example custom theme layout component that includes forceCommunity:notifications.

1<aura:component implements="forceCommunity:themeLayout" access="global" description="Sample Custom Theme Layout">
2    <aura:attribute name="search" type="Aura.Component[]" required="false"/>
3    <aura:attribute name="profileMenu" type="Aura.Component[]" required="false"/>
4    <aura:attribute name="navBar" type="Aura.Component[]" required="false"/>
5    <aura:attribute name="newHeader" type="Aura.Component[]" required="false"/>
6    <div>
7        <div class="notifications">
8            <forceCommunity:notifications/>
9        </div>
10        <div class="searchRegion">
11            {!v.search}
12        </div>
13        <div class="profileMenuRegion">
14            {!v.profileMenu}
15        </div>
16        <div class="navigation">
17            {!v.navBar}
18        </div>
19        <div class="newHeader">
20            {!v.newHeader}
21        </div>
22        <div class="mainContentArea">
23            {!v.body}
24        </div>
25    </div>
26</aura:component>

Attributes 

NameDescriptionTypeDefaultRequired
bodyThe body of the component. In markup, this is everything in the body of the tag.Aura.Component[]