Skip to content

Instantly share code, notes, and snippets.

@NeelBhatt
Created October 4, 2018 06:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save NeelBhatt/4a4e339ea76cf2837066ab347f449c67 to your computer and use it in GitHub Desktop.
Save NeelBhatt/4a4e339ea76cf2837066ab347f449c67 to your computer and use it in GitHub Desktop.
<mat-grid-list> // Main grid container
// divides structure in small chunks
<mat-grid-tile *ngFor="let card of cards" [colspan]="card.cols" [rowspan]="card.rows">
// Every chunks acts as card component
<mat-card class="dashboard-card">
// Card Header
<mat-card-header>
<mat-card-title>
<mat-menu #menu="matMenu" xPosition="before">
</mat-menu>
</mat-card-title>
</mat-card-header>
// Content of Card
<mat-card-content class="dashboard-card-content">
<div>Card Content Here</div>
</mat-card-content>
</mat-card>
</mat-grid-tile>
</mat-grid-list>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment