title: How can I set Angular 6 Material sidenav to open right to left from the right side of the screen
body: <p>This is the code example being used in angular Material for Sidenav. Im using this very same example on my page. However, I could find any instructions how to open the sidenav from left to right from the right side of the screen. Anybody knows how to ?</p>
  
  <pre><code>&lt;mat-sidenav-container class="example-container"&gt;
    &lt;mat-sidenav #sidenav mode="side" [(opened)]="opened" (opened)="events.push('open!')"
                 (closed)="events.push('close!')"&gt;
      Sidenav content
    &lt;/mat-sidenav&gt;
  
    &lt;mat-sidenav-content&gt;
      &lt;p&gt;&lt;mat-checkbox [(ngModel)]="opened"&gt;sidenav.opened&lt;/mat-checkbox&gt;&lt;/p&gt;
      &lt;p&gt;&lt;button mat-button (click)="sidenav.toggle()"&gt;sidenav.toggle()&lt;/button&gt;&lt;/p&gt;
      &lt;p&gt;Events:&lt;/p&gt;
      &lt;div class="example-events"&gt;
        &lt;div *ngFor="let e of events"&gt;{{e}}&lt;/div&gt;
      &lt;/div&gt;
    &lt;/mat-sidenav-content&gt;
  &lt;/mat-sidenav-container&gt;
  </code></pre>