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 vote186 views2 answers
Typescript one of the array items
TypeScript
0 vote193 views1 answer
Error TS2339: Property 'open' does not exist on type 'MatDialogModule'.
TypeScript
13 votes200 views4 answers
Change checkbox jquery alert
TypeScript
0 vote186 views1 answer
Angular build failed to load router-outlet
TypeScript
0 vote183 views2 answers
Get string in brackets python
TypeScript
0 vote199 views1 answer
Flutter create widget for each element of list
TypeScript
0 vote241 views2 answers
Java to typescript
TypeScript
0 vote198 views1 answer
How many arguments does a call to the Math.sqrt method have?
TypeScript
3 votes187 views3 answers
Squash commits on branch
TypeScript
1 vote202 views1 answer
Typescript var global: typeof globalThis
TypeScript