feat(Snackbar): verticalPosition: 'center', // 'top' | 'bottom' | 'center'

[mseltene]

Dear Angular Material Team,

I was wondering if it is possible to add 'center' to vertical position for the Snackbar. Some users asked if it is possible to make the Snackbar notifications at the center of the screen.

It might be arguable that it is a bad or good design to put the notification at the center of the screen, but having the option would be great, or have it as a hidden feature or any CSS to customize this, such as using ::ng-deep and using the below code?

custom center content css
position: absolute !important; top: 50%; transform: translate(0,-50%);

Please see the attached image for the desired positioning

Thank you in advance.

Looking forward to hearing from you.

Kindest regards,
Michael Seltene

[jelbourn]

We have no intention of adding other positions for snackbar like this. The Material Design spec is quite prescriptive on this topic.

[mseltene]

Ok thank you for your response, will proceed with the custom css if required :-).

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}