Alerts are simple materialize cars that provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
SIMPLE
Add materialize lighten color contextual class.
NEWS : You have done 5 actions.
INFO : You have 18 messages
SUCCESS : The page has been added.
DANGER : The daily report has failed
WARNING : Bandwidth limit exceeded
DARK
Add materialize base color contextual class.
NEWS : You have done 5 actions.
INFO : You have 18 messages
SUCCESS : The page has been added.
DANGER : The daily report has failed
WARNING : Bandwidth limit exceeded
GRADIENT BG WITH ICON
Add materialize icons class.
notifications NEWS : You have done 5 actions.
info_outline INFO : You have 18 messages
check SUCCESS : The page has been added.
error DANGER : The daily report has failed
warning WARNING : Bandwidth limit exceeded
WITH TITLE
Add title class.
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
WITH ACTION BUTTONS
Add materialize button for actions.
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
WITH AVATAR
Add avatar on alerts.
You have new task.
You have new task.
Some Message
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
notifications Some Message
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.