Notifications are the best way of sending messages and annoucement to users in your website.
Notification
Notifications are good for displaying messages to the user
| Prop | Description | Value(s) |
|---|---|---|
| `header` | To create the header of your notification | `reactNode` |
| `content` | To create the content of your notification | `reactNode` |
| `footer` | To create the footer of your notification | `reactNode` |
| `position` | To select a position for your Notification | `bottom-left, top-right, top-left, bottom-right` |
| `width` | set a width for your notification, the defualt width is 450px | `CSS measurement values` |
| `duration` | Set the animation duration | `time(sec)` |
| `animation` | Is used to create an animation effect on the Notification | `SlideBottom, ScaleUp, SlideTop, Opacity` |
#
Simple Notification
This notification is displayed at the bottom-right corner of the users screen.
React / Next.js Show Source Code