[Accordion] Allow to disable gutter/spacing

Accordion Spacing - make the Accordion API more friendly with respect to spacing

• [ x] I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

const MyAccordion = () => {
  const classes = useStyles()
  
  return (
    <Accordion spacing={1}>
      // ...
    </Accordion>

Examples 🌈

😭😢😭😿

Motivation 🔦

I need the Accordion without so much spacing.

I provided the <Accordion classes={{root: classes.accordionRoot, expanded: classes.accordionExpanded}}> etc all down the line and, it started to work while I had to use the !important flag on the accordionRoot.margin, as I am now vexed by the built-in expander icon’s coming along with even more deeply embedded style rule MuiAccordionSummary-expandIcon.Mui-expanded, I want to roll my own accordion instead although it wouldn’t have the transitions, which are nice.

Ideally I could just turn a knob based on the theme that dials spacing from 0 to 8 or whatever…

Thank you for reading.

[TimonPllkrn]

I’ve started to work on this 👍

[TimonPllkrn]

Glad to have you start the work prior, can i know if we have any prop ready by now?

The prop disableGutters was released with version 5.0.0-alpha.24 and is available since then.