With Material Admin, there are various ways to notify the user.

Toastr messages

Contextual colors

Toastr messages provide lightweight feedback about an operation. They show a brief message on screen. Toastr messages appear above all other elements on screen. They can contain actions.

Click the buttons to see the toasts

Toastr positioning

You can position the Toastr messages on several corners on the screen.

Toastr messages with actions

Toastr messages can contain actions.

Easy configuration

Toastr messages are easy to configure in javascript.

toastr.options = {
  "closeButton": ,
  "progressBar": ,
  "debug": ,
  "positionClass": ,
  "showDuration": ,
  "hideDuration": ,
  "timeOut":  ,
  "extendedTimeOut": ,
  "showEasing": ,
  "hideEasing": ,
  "showMethod": ,
  "hideMethod": ,
  "onclick": null

There are several options you can use to customize the messages



Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Contextual colors


Add the class .alert-callout for a more minimalistic style.

Contextual colors

Supporting Messages


The tooltip plugin generates content and markup on demand. Options can be passed via data attributes or JavaScript.

Hover to see the tooltips


Add small overlays of content, like those on the iPad, to any element for housing secondary information.

Click to see the tooltips



Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults

Click to see the modals
Chat with Ann Laurens
  • Yes, it is indeed very beautiful. 10:03 pm
  • Did you see the changes? 10:02 pm
  • I just arrived at work, it was quite busy. 06:44pm
    I will take look in a minute. 06:45pm
  • The colors are much better now.
    The colors are brighter than before. I have already sent an example. This will make it look sharper. Mon
  • Are the colors of the logo already adapted? Last week