[Container] Allow `disableGutters` to support breakpoints

[brsnik]

Duplicates

• [X] I have searched the existing issues

Latest version

• [X] I have tested the latest version

Summary 💡

The ability to add breakpoints when the show/hide the gutters.

Examples 🌈

<Container maxWidth={"xl"} disableGutters={{ xs: true, xl: false }}>

Motivation 🔦

No response

[hbjORbj]

@brsnik Hi, thanks for your suggestion. Do you want to give it a try? I can help :)

There are utils you can use in packages/mui-system/src/breakpoints.js. For example, in order to handle columns prop in Grid, computeBreakpointsBase, resolveBreakpointValues and handleBreakpoints are used. handleBreakpoints outputs css object including media query.

[nigel-f-wilson]

Hi @hbjORbj , Are you aware if any action was ever taken relating to this issue? If not, I'd love to tackle it with your help.

[mi-na-bot]

Is this something that would likely be accepted as a PR?

[kirill-develops]

Adding to see if this was ever implemented. I think it would be useful on all MUI props, especially the ones inaccessible in the SX prop