1<!-- two line list -->
2<mat-list>
3  <mat-list-item *ngFor="let message of messages">
4    <h3 matLine> {{message.from}} </h3>
5    <p matLine>
6      <span> {{message.subject}} </span>
7      <span class="demo-2"> -- {{message.content}} </span>
8    </p>
9  </mat-list-item>
10</mat-list>
11
12<!-- three line list -->
13<mat-list>
14  <mat-list-item *ngFor="let message of messages">
15    <h3 matLine> {{message.from}} </h3>
16    <p matLine> {{message.subject}} </p>
17    <p matLine class="demo-2"> {{message.content}} </p>
18  </mat-list-item>
19</mat-list>
20