Mat dialog

.mat-dialog-container

// Overlay-based components have a panelClass property (or similar) 
// that can be used to target the overlay pane.

this.dialog.open(DialogExampleComponent, { 
	panelClass: 'dialog-container-custom' 
});

// then style it from there

.dialog-container-custom .mat-dialog-container {
	padding: 0;
	background: grey;
}

Mat dialog

@Component({/* ... */})
export class YourDialog {
  constructor(public dialogRef: MatDialogRef<YourDialog>) { }

  closeDialog() {
    this.dialogRef.close('Pizza!');
  }
}

Source: material.angular.io

Similar codes

0 vote344 views2 answers
Fibonacci counter in typescript
TypeScript
0 vote315 views1 answer
Typescript equals string
TypeScript
2 votes293 views2 answers
Simple firestore cloud function update document
TypeScript
0 vote264 views1 answer
How did mississauga get its name
TypeScript
0 vote298 views1 answer
Many plants obtain glucose through the process of ----
TypeScript
30 votes334 views1 answer
The file C:\Users\user\AppData\Roaming\npm\ng.ps1 is not digitally signed. You cannot run this script on the current system. For more information about running scripts and setting execution policy, see about_Execution_Policies at
TypeScript
8 votes323 views5 answers
Property 'value' does not exist on type 'EventTarget & Element'.
TypeScript
1 vote311 views1 answer
Typescript style type
TypeScript
0 vote300 views1 answer
Pcmanfm ubuntu
TypeScript
0 vote306 views1 answer
Is there a way to show a preview of a RecyclerView's contents as Grid in the Android Studio editor?
TypeScript