Missing disableGutters prop on Container

v4 Container API is missing disableGutters. Padding left and right can’t be disabled on Container through prop as with other components.

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

Expected Behavior 🤔

<Container disableGutters> should remove padding-left and padding-right.

Current Behavior 😯

disableGutters prop is missing in Container

[oliviertassinari]

@TheHalcyonSavant I agree, this sounds like a good idea. Bootstrap comes with a default padding logic while tailwind makes you explicitly enable it. a disableGutters prop would be a great tradeoff. What do you think of this change?

diff --git a/packages/material-ui/src/Container/Container.js b/packages/material-ui/src/Container/Container.js
index 72b3878b1..5d272f72c 100644
--- a/packages/material-ui/src/Container/Container.js
+++ b/packages/material-ui/src/Container/Container.js
@@ -10,6 +10,8 @@ export const styles = theme => ({
     marginLeft: 'auto',
     boxSizing: 'border-box',
     marginRight: 'auto',
+  },
+  /* Styles applied to the inner `component` element if `disableGutters={false}`. */
+  gutters: {
     paddingLeft: theme.spacing(2),
     paddingRight: theme.spacing(2),
     [theme.breakpoints.up('sm')]: {
@@ -63,6 +65,7 @@ const Container = React.forwardRef(function Container(props, ref) {
     classes,
     className,
     component: Component = 'div',
+    disableGutters = false,
     fixed = false,
     maxWidth = 'lg',
     ...other
@@ -74,6 +77,7 @@ const Container = React.forwardRef(function Container(props, ref) {
         classes.root,
         {
           [classes.fixed]: fixed,
+          [classes.gutters]: !disableGutters,
           [classes[`maxWidth${capitalize(String(maxWidth))}`]]: maxWidth !== false,
         },
         className,
@@ -100,6 +104,10 @@ Container.propTypes = {
    * Either a string to use a DOM element or a component.
    */
   component: PropTypes.elementType,
+  /**
+   * If `true`, the left and right padding is removed.
+   */
+  disableGutters: PropTypes.bool,
   /**
    * Set the max-width to match the min-width of the current breakpoint.
    * This is useful if you'd prefer to design for a fixed set of sizes

Do you want to submit a pull request? 😃

[karansahenquero]

love to only remove gutter from right