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 vote231 views1 answer
Ts enum string' can't be used to index type
TypeScript
17 votes247 views2 answers
Disable li decoration
TypeScript
0 vote227 views1 answer
Convert javascript to typescript
TypeScript
5 votes212 views2 answers
Javascript float element right
TypeScript
1 vote234 views1 answer
"send" and "transfer" are only available for objects of type "address payable", not "address".
TypeScript
0 vote238 views1 answer
What is the reason we are using properties file
TypeScript
19 votes265 views4 answers
Number of digits in a number python
TypeScript
1 vote169 views1 answer
Undefined string typescript
TypeScript
3 votes234 views1 answer
Redux toolkit typescript install
TypeScript
0 vote226 views1 answer
Html form display results same page
TypeScript