Описание тега mat-list

<mat-list>представляет собой компоненты-контейнеры Material Design для Angular, которые оборачивают и форматируют ряд элементов строки.

Есть некоторые его вариации, например

• простой список

          <mat-list>
    <mat-list-item> Pepper </mat-list-item>
    <mat-list-item> Salt </mat-list-item>
    <mat-list-item> Paprika </mat-list-item>
  </mat-list>
  

• список навигации

          <mat-nav-list>
     <a mat-list-item href="..." *ngFor="let link of links"> {{ link }} </a>
  </mat-nav-list>
  

• Список действия

          <mat-action-list>
    <button mat-list-item (click)="save()"> Save </button>
    <button mat-list-item (click)="undo()"> Undo </button>
  </mat-action-list>