react-notification-timeline
is a reactjs based component helps in managing the notifications in time-based manner. It is capable of keep tracking of the incoming notifications, manage read vs unread messages and allows many more customizations.
Then, you should give react-notification-timeline
a try.
Notification Componet with the unread message count
Notification Componet with the messages as a pop-over
A Live demo of the component is available here, CLICK FOR DEMO
You can install react-notification-timeline
using npm
or yarn
.
npm i react-notification-timeline
yarn add react-notification-timeline
Once installed, it can be imported into a react component as,
import NotifyMe from 'react-notification-timeline';
Here is an example usage,
<NotifyMe
data={data}
storageKey='notific_key'
notific_key='timestamp'
notific_value='update'
heading='Notification Alerts'
sortedByKey={false}
showDate={true}
size={64}
color="yellow"
/>
Copyright © 2020 by Tapas Adhikary
This project is licensed under MIT license.
If you liked the work, please show your support by giving a Star!
I would love to get your feedback. Please use the github issues for submitting any feedback. At the same time, please join hands in improving the component further by fixing bugs, adding features.
People contributed so far (emoji key):
Author: atapas
Demo: https://tapasadhikary.com/
Source Code: https://github.com/atapas/notifyme
#reactjs #react #javascript