title: How can i align Snackbar?
body: <p>I created Snackbar using material 2(below i have added demo) .I have one button in main page when i click that button it showing message(snackbar) in bottom of the page . i want to change this(snackbar message) into top right corner of the page. how can i do this ?? need help </p>
  
  <p><a href="https://stackblitz.com/edit/angular-mbgkfv-gwjok6?file=app/snack-bar-component-example.ts" rel="nofollow noreferrer">Demo</a></p>
  
  <p>Html</p>
  
  <pre><code>&lt;button mat-button (click)="openSnackBar()" aria-label="Show an example snack-bar"&gt;
    Pizza party
  &lt;/button&gt;
  </code></pre>
  
  <p>component.ts</p>
  
  <pre><code>export class SnackBarComponentExample {
  
    constructor(public snackBar: MatSnackBar) {}
  
    openSnackBar(message="DOne", action = '') {
            this.snackBar.open(message, action, {
            duration: 5000,
  
          });
    }
  }
  </code></pre>