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 vote156 views1 answer
Selenium components
TypeScript
0 vote141 views1 answer
How to change whats in a textarea
TypeScript
0 vote134 views1 answer
React.ComponentProps<T>
TypeScript
0 vote142 views1 answer
Python application insights azure
TypeScript
13 votes158 views4 answers
Tsc.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
1 vote171 views1 answer
'react-scripts' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `react-scripts start` npm ERR! Exit status 1
TypeScript
0 vote160 views2 answers
--skip tests generate components - Angular 12 - skip-tests vs spec-false
TypeScript
2 votes137 views1 answer
Validation maxlength angular
TypeScript
0 vote152 views1 answer
How to create instances of classes godot
TypeScript
0 vote176 views1 answer
Activate jquery in typescript
TypeScript