Alex Anistor
Alicia Adell
With Material Admin, there are various ways to notify the user.
Messages
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.
Click the buttons to see the toasts
Toastr messages with actions
Toastr messages can contain actions.
Click the buttons to see the toasts
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
}
Alerts
Examples
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Callout
Add the class .alert-callout for a more minimalistic style.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Supporting Messages
Tooltip
The tooltip plugin generates content and markup on demand. Options can be passed via data attributes or JavaScript.
Popover
Add small overlays of content, like those on the iPad, to any element for housing secondary information.
Modals
Examples
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults
