I want to disable the gutters for xs, sm and md. And to enable them at xl and beyond.
However this doesn't work.
<Container maxWidth={"xl"} disableGutters={{ xs: true, xl: false }}>
Am I doing something wrong–because the API mentions that a boolean can be passed to disableGutters?
The disableGutters prop only accepts a boolean, so you are using the API wrong.
Container API - Props
Name Type Default Description disableGuttersboolfalseIf true, the left and right padding is removed.
So your code must look something like this
<Container maxWidth={"xl"} disableGutters={false}>