Как отключить тени или изменить необходимые компоненты Material-UI

Question

Я хочу использовать <AppBar> компонент Material UI.Но он генерирует тени.Я искал какое-то решение и наткнулся на изменение, используя createMuiTheme, MuiThemeProvider и установив тень по умолчанию на

const theme = createMuiTheme({ shadows: ["none"] });

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

Итак, как я могу изменить свойство тени только компонента ??

Answer 1

Вам нужно использовать override в теме, а также указать компонент. В вашем случае вам нужно использовать MuiAppBar, что означает, что свойства под ним будут влиять только на компонент AppBar. Вот пример.

const theme = createMuiTheme({
  overrides: {
    MuiAppBar: {
      boxShadow: 'none'
    }
  }
});