ipsos-components/src/demo-app/dashboard/dashboard.html

Material Design components for Angular

<mat-sidenav-container>

<mat-sidenav #end position="end" mode="side" [fixedInViewport]="true" >
End Side Sidenav
<br>
<button mat-button (click)="end.close('mouse')">Close</button>
<div class="demo-filler-content" *ngFor="let c of fillerContent">Filler Content</div>
</mat-sidenav>
    <mat-sidenav-content>
      <div class="dashboard">
          <button mat-raised-button (click)="toggleFullscreen()" title="create dashboard">
              创建
            </button>
        <mat-card *ngFor="let dashboard of dashboards">
            
              <mat-toolbar class="end-icon">
                  <button  (click)="end.toggle(undefined, 'mouse')"  mat-icon-button>
                    <mat-icon fontSet="fontawesome" fontIcon="fa-cog"></mat-icon>
                  </button>
                </mat-toolbar>
            <mat-card-content>
             test
            </mat-card-content>
          </mat-card>
    </div>
    </mat-sidenav-content>
</mat-sidenav-container>