Material-ui: Don't enforce white background in Stepper

[AdityaAnand1]

It cuts across the Nav bar's shadow when put right underneath..

[mbrookes]

Thanks for the feedback. It isn't enforced though, it's just the default, although I can see an argument for not having a default. In your case though you can just add top margin to it.

[AdityaAnand1]

@mbrookes How do we go about changing it? I don't think I saw a backgroundColor property in the docs and I can see that the Stepper has a Paper component inside it for some reason (which AFAIK is the reason for the #fff background) I'm not sure how I can change that.

Yes adding a few pixels margins would work too, but I think the default spacing is just right. Just making the background transparent would be ideal 😄

[mbrookes]

@AdityaAnand1 What version?

[AdityaAnand1]

Latest (next) v1 branch

[mbrookes]

Was about to say, it doesn't look like v0.x uses Paper, so...

...as Paper is the root component, take your pick. Passing in a className for a class that overrides background-color is probably easiest.

[choopage]

@mbrookes and @AdityaAnand1 How did you make the background-color to transparent?

[gusmattos1]

   <Stepper
      activeStep={activeStep}
      alternativeLabel
      style={{ backgroundColor: "transparent" }}
    >