change width of material ui dialogs 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>