Rendering parsed notification on the web

App Live Walkthrough Governance Documentation Hub

Search…

React Web UI component to display a single notification.

This UI component will help you render an individual Notification item that you received earlier in the fetchNotifications API. you can display a list of these in your UI to show the EPNS Notifications in a group.
​
import { NotificationItem } from  "@epnsproject/frontend-sdk-staging";
​
// This is used to render the text present in a notification body as a JSX element
​
<NotificationItem
    notificationTitle={parsedResponse.title}
    notificationBody={parsedResponse.message}
    cta={parsedResponse.cta}
    app={parsedResponse.app}
    icon={parsedResponse.icon}
    image={parsedResponse.image}
/>
​

Fetching & Parsing notifications

Rendering parsed notification on mobile

Last modified 3mo ago

Copy link