# 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` |