Answers for "how to make a material dialog width bigger"

1

increase size of mat dialog

const dialogRef = this.dialog.open(OpenedDialogComponent, {
      width: '98vw', //sets width of dialog
      height:'70vh', //sets width of dialog
      maxWidth: '100vw', //overrides default width of dialog
      maxHeight: '100vh', //overrides default height of dialog
      disableClose: true //disables closing on clicking outside box. You will need to make a dedicated button to close
    });
Posted by: Guest on July-09-2021
2

material ui dialog width

<Dialog>
  fullWidth={true}
  maxWidth={'lg'} ------- 'sm'   'md'   'lg'   'xl'
</Dialog>
Posted by: Guest on October-29-2021

Code answers related to "how to make a material dialog width bigger"

Code answers related to "TypeScript"

Browse Popular Code Answers by Language