Skip to main content

Notifier

Notifier Component

To manage user notifications you need to use this component which contains all the notification logic for Matchplat applications.

import { Notifier } from "@matchplat/crono";

You can view the specific properties of the component from CronoUI, in the category Logical Components.

Once selected the icon, a onHover event will be automatically generated, that will open a drop-down menu with the last 10 notifications received by the user.

There is no need to install API or WebSockets, because they are automatically managed by the component.

caution

Install CronoBoost and CronoUser first!

Where to use the Component

info

Use the component only for User Notifications

The notification component must be positioned within navigation bars as specified. In case you want to use the notification component to receive other types of information, you need to change the type of event generated by WebSocket. This type of customization is not foreseen.

import { NavBar, Notifier, Box } from "@matchplat/crono";

<NavBar logo="matchplatWhite" logoEvent={() => alert("going home")}>
<Box alignItems="center">
<Notifier />
</Box>
</NavBar>;

The standard icon is the "notify" icon.