How to customize the styling, CSS, and layout of the Inbox Feed to match your product’s design in non-React websites.
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
.
theme
prop. You can pass the styles for the following components:
locale
can be used to change language of feed. We support translations for below languages internally. If you want to use other languages that are not supported by us or to override strings of existing languages, you can pass translations
object.