Как можно использовать или начать с ... theme.mixins.toolbar в Material-ui?

Question

Я не могу найти какую-либо документацию для ... theme.mixins.toolbar в документации по материалам.Что это делает?Как я могу изменить или использовать его?

Answer 1

Это просто добавляет минимальную высоту к элементу.Это полезно, когда вы используете AppBar с разделом контента ниже, и вы хотите добавить пробел вверху вашего контента, чтобы он не исчезал, например, под панелью приложений.

Я не могу найтиконкретная документация на него, но есть примеры его использования в Material-UI примеры макетов , и я считаю, что она может быть создана этой функцией .

Подробнеев частности, он используется в примере Dashboard :

toolbarIcon: {
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'flex-end',
  padding: '0 8px',
  ...theme.mixins.toolbar,
},

Это приведет к чему-то вроде:

toolbarIcon: {
  display: flex;
  align-items: center;
  justifyContent: flex-end;
  padding: 0 8px;
  min-height: 64px;
}