How to disable box-shadows globally for all material-ui React components?

Question

I need to disable the default box-shadows for most material-ui components. Right now I'm doing this by setting the style manually for each component, like this:

<FloatingActionButton style={{boxShadow: "none"}} />

Is there a way to do this globally, maybe using a theme setting?

Answer 1

You can do it by component like this:

<AppBar elevation={0} />