Материал пользовательского интерфейса темы Глобальная настройка плотности

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 для каждого компонента.