Notification

This component renders each grouped activity inside the <NotificationFeed /> component.

It supports the following activity verbs by default: follow, like, repost, comment.

Properties

activityGroup

NotificationActivityEnriched<UT, AT, CT, RT, CRT>

required

onClickNotification

((activityGroup: NotificationActivityEnriched<UT, AT, CT, RT, CRT>) => void) | undefined

onClickUser

OnClickUserHandler<UT> | undefined

onMarkAsRead

((group: MarkAsGroup) => Promise<void>) | undefined

Basic usage

<WithExampleStreamApp>
  <>
    <Notification activityGroup={notificationGroup1} />
    <Notification
      activityGroup={notificationGroup2}
      onClickUser={console.log}
      onClickNotification={console.log}
    />
  </>
</WithExampleStreamApp>

<WithExampleStreamApp>
  <>
    <Notification activityGroup={notificationGroup1} />
    <Notification
      activityGroup={notificationGroup2}
      onClickUser={console.log}
      onClickNotification={console.log}
    />
  </>
</WithExampleStreamApp>

Notification

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Properties

Basic usage

Properties