material-ui dialog width code example

Example 1: how to set height of material ui dialog react

import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles(theme => ({
    dialogPaper: {
       
        height : '400px'
    },
}));

//then in your dialog
 <Dialog  classes={{ paper : classes.dialogPaper}} > 
   //...
 </Dialog>

Example 2: material ui chaging the size of a dialog

<Dialog>
  fullWidth={true}
  maxWidth={'md'} // 'sm' || 'md' || 'lg' || 'xl'
</Dialog>