Components

Grid List

Angular Material Grid List displays collections of items, such as images or cards, in a grid layout.

Official docs API reference

Example

Below is an example of how BuilderKit restyles the Angular Material Grid List and gives it a more modern appearance.

Basic grid

Dynamic grid

One

Two

Three

Four

<mat-grid-list cols="2" rowHeight="2:1">
  <mat-grid-tile>1</mat-grid-tile>
  <mat-grid-tile>2</mat-grid-tile>
  <mat-grid-tile>3</mat-grid-tile>
  <mat-grid-tile>4</mat-grid-tile>
</mat-grid-list>