Notifications
<NotificationModal/>

Notification Modal UI component

Introduction

The <NotificationModal/> component shows the user's notifications in real-time and also enables the user to configure the preferences. Please refer to the notifications feature guide for more information and instructions.

NotificationModal light

See this component in action on Storybook (opens in a new tab).

Integration

ℹ️

Before you can use these UI Components, please do the basic setup.

<NotificationModal/>

The notification modal component can be integrated with just one line of code. The component will open a socket connection to ROQ Platform to receive notifications events in real time. The list of notifcations is fetched using the notifications() API.

import {NotificationModal} from '@roq/ui-react';
 
function App() {
    return (
        <NotificationModal/>
    );
}

<NotificationModal/> Props list

PropTypeDescriptionDefault
panel"notifications" or "preferences"Controls which view to show in the modal"notifications"
onClosefunctionCallback, fired when the modal is closednull