NextJS Material Dashboard PRO by Creative Tim

Creative Tim

Tania Andrew

Notifications

Handcrafted by our friends from Material UI and styled by Creative Tim. Please checkout the full documentation.

Notifications Style

This is a plain notification

This is a notification with close button.

This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.

This is a notification with close button and icon and is made with color="rose". You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.

Notification states

INFO - This is a regular notification made with color="info"

SUCCESS - This is a regular notification made with color="success"

WARNING - This is a regular notification made with color="warning"

DANGER - This is a regular notification made with color="danger"

PRIMARY - This is a regular notification made with color="primary"

ROSE - This is a regular notification made with color="primary"

Notifications Places

Click to view notifications

Notifications

Notifications Style

Notification states

Notifications Places

Modal