Aside from Bootstrap's alerts page I am unable to find any material guidelines for alerts that we can use in the development of a notification bar.

Are there any good guidelines out there based on user behaviour?

1 Answer 1


Material guidelines have 3 types of notification components.

Under the Snackbar section, it recommends which component to use based on the amount of interruption or attention that's needed from the user: enter image description here

I don't know your use case, or your definition of 'Alert', but you have two other options:

Alert Dialog

Alert dialogs interrupt users with urgent information, details, or actions.


A banner displays an important, succinct message, and provides actions for users to address (or dismiss the banner). It requires a user action to be dismissed.

  • Many thanks for this Mike, that is very useful. The alert I am implementing is a banner with an icon, message and dismissal cross. In our case the banner is above/at the top of the top bar.
    – Mike Poole
    Commented Feb 26, 2019 at 8:01

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.