React Material UI: How to give a button a custom color when disabled?

Question

I\'m building a React App using Material UI.

If the button is disabled, it is grey and opaque. I\'d like it to be in my themes primary color and opaque.

So here

Answer 1

You can define a class to be applied for disabled buttons:

const styles = theme => ({
  disabledButton: {
    backgroundColor: theme.palette.primary || 'red'
  }
});

And then, use it like this:

  Disabled

You can find in the documentation all the classes that you can override.