Material Design - How to display an error on a larger screen

by Bk Santiago   Last Updated April 25, 2018 03:16 AM

A bit similar to this question Material Design - How to display a log in error

Though it doesn't address how to do this on a larger screen (i.e. desktop browser) since snackbar at the bottom as an error message is a bit weird on a larger screen, please see image below.

enter image description here

Official material design guidelines doesn't include any web-related guidelines for this case.

I'm currently using angular 5 and angular-material which is designed to work both on desktop and mobile.

Related Questions

Material Design - How to display a log in error

Updated June 13, 2017 10:16 AM

Error message when doing multiple actions

Updated November 15, 2016 08:06 AM

Material design error message on top of a pop up

Updated July 23, 2018 09:16 AM

Correct method for slider error handling

Updated August 21, 2017 00:16 AM