How do you add a Material dialog to an Angular app?

You inject the MatDialog service into your component, and call its open method with the component you want to display inside the dialog. The dialog handles showing itself, dimming the background, and closing correctly when the user is done.

import { MatDialog } from '@angular/material/dialog';

constructor(private dialog: MatDialog) {}

openConfirmDialog() {
  this.dialog.open(ConfirmDialogComponent);
}