Dialog Example

dialog-example.html

<!-- -1 tabindex: doesn't autofocus this item when opening -->
<button mat-icon-button class="close-btn" tabindex="-1">
  <mat-icon svgIcon="close" aria-label="close" (click)="close()"></mat-icon>
</button>

<mat-dialog-content>

  <!-- 1. Insert your data here -->
  <p>Your bulletin wasn't posted. Are you sure you want to exit?</p>

</mat-dialog-content>
<mat-dialog-actions>

  <!-- 2. Insert your actions here -->
  <button mat-raised-button class="prim-btn" tabindex="1" mat-dialog-close="leave">Leave Page</button>
  <button mat-raised-button class="sec-btn" tabindex="2" mat-dialog-close="stay">Stay</button>

</mat-dialog-actions>