React Notification Item - Soft UI
The NotificationItem
component helps you to simply create a beautiful list of different items.
The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.
Demo
// Soft UI Dashboard React examples
import NotificationItem from "examples/Items/NotificationItem";
13 minutes ago
Props Information
Name | Type | Default | Description |
---|---|---|---|
color | 'primary''secondary''info''success''warning''error''light''dark' | dark | Used to set the NotificationItem color. |
image* | node | Used to set the NotificationItem image or icon, its a required prop. | |
title* | array | Used to set the NotificationItem title, the title has two parts the simple part and the important part which has a bold text style and you can pass the title using an array , the first element of the array should be the important part and the second element of the array should be the simple part of the title, its a required prop. | |
date* | string | Used to set the NotificationItem date or time, its a required prop. |
With Icon
// Soft UI Dashboard React examples
import NotificationItem from "examples/Items/NotificationItem";
// @mui material components
import Icon from "@mui/material/Icon";
2 days