Skip to content

Instantly share code, notes, and snippets.

@belachkar

belachkar/Angular material flex-layout.md

Last active May 18, 2020 23:19
Show Gist options
  • Save belachkar/eea9acc8b6186bd49d2743941bbc1601 to your computer and use it in GitHub Desktop.
Save belachkar/eea9acc8b6186bd49d2743941bbc1601 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Angular material flex-layout.md

Angular material flex-layout

List

<div class="container"
     fxLayout="column"
     fxLayoutGap="10px">

  <mat-list fxFlex>
    <mat-list-item *ngFor="let dish of dishes">
      <img matListAvatar src={{dish.image}} alt={{dish.name}}>
      <h1 matLine> {{dish.name}} </h1>
      <p matLine>
        <span> {{dish.description}} </span>
      </p>
    </mat-list-item>
  </mat-list>

</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment