Customize border radius of different components from theme

It would be great if we could customize the border radius of the different components from theme.

• This is a v1.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

It would be a better theming approach to have the ability to modify the borderRadius of different types of components separately.

Current Behavior

The border-radius set in the theme is applied to all components.

Examples

The new theming option for Material Design have this in consideration

Context

I am trying to customize the theme. Something like this would be great:

const theme = {
// other stuff
  shape: {
    buttonBorderRadius: '20px',
    paperBorderRadius: '4px',
   // other shape properties...
  }
// other stuff
}

[fizzvr]

What about inline… seems a simple change, don’t need no apply borderRadius to all my components:

<Button
                component={ Link }
                style={{
                  color: "#000",
                  backgroundColor: "#8bc34a",
                  borderRadius: "40px",
                  fontWeight: "600"
                }}
                to="/example"
                variant="contained"
                >
                Example
              </Button>

Overrides it’s ok, but good idea.

[mbrookes]

@PolGuixe Sure - now add a shadow. 😄