Material UI 主题全局 Dense 设置

IT技术 reactjs material-ui
2021-05-07 00:14:55

有没有办法最好在主题配置中的某个地方设置全局密集设置?我正在专门为桌面用户构建应用程序,并希望在屏幕上显示更多信息。

Gmail 已有此选项

在此处输入图片说明

并且许多单独的组件具有使它们更紧凑的特性。

1个回答

您可以为任何 Material-UI 组件props设置默认值。请参阅此处的文档:https : //material-ui.com/customization/globals/#default-props

例如,默认所有 Material-UIList组件都是密集的,您的主题中将包含以下内容:

const theme = createMuiTheme({
  props: {
    MuiList: {
      dense: true
    }
  }
});

编辑全局密集

对于无法使用 props 控制的方面,您可以使用主题overrides键来覆盖每个组件的 CSS。