Material ui 对话框宽度材质界面下一步

Material ui 对话框宽度材质界面下一步,material-ui,Material Ui,我无法在下一步的材质ui中增加对话框宽度。它将水平滚动条添加到Dailog。下一步是否有办法增加物料界面中Dailog的宽度?可以提供帮助吗?在对话框中添加两个道具fullWidth和maxWidth=“md”,如下所示: {/*您的对话框内容*/} 您可以根据需要将md更改为sm、xs、lg和xl。根据,maxWidth道具可能就是您需要的道具。该函数接受maxWidth值的枚举列表['xs','sm','md',false]。fullWidth道具也可用于利用全屏功能…在较小的屏幕上可能

我无法在下一步的材质ui中增加对话框宽度。它将水平滚动条添加到Dailog。下一步是否有办法增加物料界面中Dailog的宽度?可以提供帮助吗?

对话框中添加两个道具
fullWidth
maxWidth=“md”
,如下所示:


{/*您的对话框内容*/}
您可以根据需要将
md
更改为
sm
xs
lg
xl

根据,
maxWidth
道具可能就是您需要的道具。该函数接受
maxWidth
值的枚举列表
['xs','sm','md',false]
fullWidth
道具也可用于利用全屏功能…在较小的屏幕上可能最有用


您还可以使用内联样式和
style
,使用JavaScript关键字
className
来调整DOM中的
class
,使用
classes
属性来调整MUI插入的类,或者,您甚至可以使用
覆盖
概念调整主题中的宽度值。可能需要几次尝试才能将自定义CSS作为目标,并使其按预期工作。

正如@mike部分提到的,您可以将样式传递给特定的子组件(请参阅
对话框的可用组件),对话框的主体是一个
纸张
组件,因此如果设置
纸张
的宽度,则对话框将为该宽度

//设置样式
const useStyles=makeStyles(()=>({
纸张:{minWidth:“500px”},
}));
//将类添加到纸上

这将使对话框
500px
变宽。

非常适合我。发出固定的答复。。谢谢。