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";

Props Information

NameTypeDefaultDescription
color'primary''secondary''info''success''warning''error''light''dark'darkUsed to set the NotificationItem color.
image*nodeUsed to set the NotificationItem image or icon, its a required prop.
title*arrayUsed 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*stringUsed 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";