Material-UI Change Drawer Color

Question

How to set background color of Material-UI Drawer? tried this, but doesn't work

const styles = {
  paper: {
    background: "blue"
  }
}

and passed it to the Drawer component:

 <Drawer
      classes={{ paper: classes.paper }}
      open={this.state.left}
      onClose={this.toggleDrawer("left", false)}
    >

and wrapped my component with material-ui's withStyles

export default withStyles(styles)(ResponsiveDrawer);

Here is the code in the sandbox .

Answer 1

Change the attribute background to backgroundColor . Like this:

const styles = {
  paper: {
    backgroundColor: "blue"
  }
}

Answer 2

The problem that you have is you're passing a [Object object] as className to Drawer component because you're using styles rather than classes. Try to pass a string className to your component.