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.

Some Message

Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.

Some Message

Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.

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.

WITH ACTION BUTTONS

Add materialize button for actions.

Some Message

Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.

Ok Cancel
Some Message

Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.

Ok Cancel
notifications Some Message

Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.

check Ok clear Cancel

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.

Ok Cancel
notifications Some Message

Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.

check Ok clear Cancel