# Notification
Notifications are the best way of sending messages and annoucement to users in your website.
Home
/ Notification
import { Notification } from "funuicss";
#
Simple Notification
This notification is displayed at the bottom-right corner of the users screen.
React / Next.js
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` |
`autoHide` | Set to true to automatically hide the notification after a certain time | `boolean` |
`autoHideDuration` | Set the time in seconds for the notification to automatically hide | `time(sec)` |
`setOpen` | Set the function to open the notification | `function` |