{
"componentDescription": "",
"propDescriptions": {
"children": { "description": "The content of the component." },
"classes": { "description": "Override or extend the styles applied to the component." },
"defaultExpanded": { "description": "If true, expands the accordion by default." },
"disabled": { "description": "If true, the component is disabled." },
"disableGutters": {
"description": "If true, it removes the margin between two expanded accordion items and the increase of height."
},
"expanded": {
"description": "If true, expands the accordion, otherwise collapse it. Setting this prop enables control over the accordion."
},
"onChange": {
"description": "Callback fired when the expand/collapse state is changed.",
"typeDescriptions": {
"event": {
"name": "event",
"description": "The event source of the callback. Warning: This is a generic event not a change event."
},
"expanded": {
"name": "expanded",
"description": "The expanded state of the accordion."
}
}
},
"slotProps": { "description": "The props used for each slot inside." },
"slots": { "description": "The components used for each slot inside." },
"square": { "description": "If true, rounded corners are disabled." },
"sx": {
"description": "The system prop that allows defining system overrides as well as additional CSS styles."
},
"TransitionComponent": {
"description": "The component used for the transition. Follow this guide to learn more about the requirements for this component."
},
"TransitionProps": {
"description": "Props applied to the transition element. By default, the element is based on this Transition component."
}
},
"classDescriptions": {
"disabled": {
"description": "State class applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "disabled={true}"
},
"expanded": {
"description": "State class applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "expanded={true}"
},
"gutters": {
"description": "Styles applied to {{nodeName}} unless {{conditions}}.",
"nodeName": "the root element",
"conditions": "disableGutters={true}"
},
"rounded": {
"description": "Styles applied to {{nodeName}} unless {{conditions}}.",
"nodeName": "the root element",
"conditions": "square={true}"
}
},
"slotDescriptions": {
"heading": "The component that renders the heading.",
"region": "The component that renders the region.",
"root": "The component that renders the root.",
"transition": "The component that renders the transition. Follow this guide to learn more about the requirements for this component."
}
}