材质UI主题全局密集设置

Question

是否有一种方法可以在主题配置中的某个位置设置全局Dense设置？ 我正在专门为桌面用户构建应用程序，希望在屏幕上显示更多信息。

Gmail已经具有此选项

许多单独的组件都具有使其更紧凑的特性。

Answer 1

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

例如，将所有Material-UI List组件默认设置为密集，则主题中将包含以下内容：

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

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