1

Enable Notifications in the Velt Console

Go to the Notifications section in the Configurations section of the Velt Console and enable Notifications.

Notifications will not work if you do not do enable them first.

2

Import the Notification feature components

Import the VeltNotificationsTool and VeltNotificationsHistoryPanel components.

import { VeltNotificationsTool, VeltNotificationsHistoryPanel } from '@veltdev/react';
3

Add the Notification components in your app

Place the VeltNotificationsTool component wherever you want the Notifications button to appear.

You can place the VeltNotificationsHistoryPanel anywhere, as it will appear from the side when enabled.

<div className="toolbar">
  <VeltNotificationsTool/>
  <VeltNotificationsHistoryPanel/>
</div>