Customization options to adjust the look and feel of In-app feed as per your product designs.
tenantId
prop is set to default
tenant. If you use multi-tenant architecture and want to fetch inbox notifications of other tenant, you can pass tenant_id
prop.
tenant_id
in feed, make sure to pass scope key while creating userToken else 403 error will be thrown due to scope mismatching.
stores
prop to add multiple tabs in feed. For each tab you can write your own logic to get notifications based on tags, notification categories and notification status like read, archived. Read more about it here.
pagination=false
.
Light Theme | Dark Theme |
---|---|
![]() | ![]() |
Action URL
field is present in triggered inbox template. If you want to override this with your custom callback function you can pass notificationClickHandler
.
primaryActionClickHandler
and secondaryActionClickHandler
.
bellComponent
prop.
badgeComponent
prop.
Mark all as read
text and add any JSX you pass as component in that place. You can even add custom icons like setting or preferences in that JSX and navigate user to that pages.
notificationComponent
prop.
BodyMarkdown
component.
noNotificationsComponent
prop.