This is a plain notification
This is a notification with close button.
This is a notification with close button and icon.
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.
Notifcation 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="error"`
PRIMARY - This is a regular notification made with `color="purple"`
Notification Places
Click to view notifications
Top Left
Top Center
Top Right
Bottom Left
Bottom Center
Bottom Right
mdi-bell-plus
Welcome to Vue Material Dashboard - a beautiful freebie for every web developer.