{
"props": {
"children": { "type": { "name": "custom", "description": "node" }, "required": true },
"classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
"defaultExpanded": { "type": { "name": "bool" }, "default": "false" },
"disabled": { "type": { "name": "bool" }, "default": "false" },
"disableGutters": { "type": { "name": "bool" }, "default": "false" },
"expanded": { "type": { "name": "bool" } },
"onChange": {
"type": { "name": "func" },
"signature": {
"type": "function(event: React.SyntheticEvent, expanded: boolean) => void",
"describedArgs": ["event", "expanded"]
}
},
"slotProps": {
"type": {
"name": "shape",
"description": "{ heading?: func
| object, region?: func
| object, root?: func
| object, transition?: func
| object }"
},
"default": "{}"
},
"slots": {
"type": {
"name": "shape",
"description": "{ heading?: elementType, region?: elementType, root?: elementType, transition?: elementType }"
},
"default": "{}"
},
"square": { "type": { "name": "bool" }, "default": "false" },
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
},
"TransitionComponent": {
"type": { "name": "elementType" },
"deprecated": true,
"deprecationInfo": "Use slots.transition instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"TransitionProps": {
"type": { "name": "object" },
"deprecated": true,
"deprecationInfo": "Use slotProps.transition instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
}
},
"name": "Accordion",
"imports": [
"import Accordion from '@mui/material/Accordion';",
"import { Accordion } from '@mui/material';"
],
"slots": [
{
"name": "root",
"description": "The component that renders the root.",
"default": "Paper",
"class": "MuiAccordion-root"
},
{
"name": "heading",
"description": "The component that renders the heading.",
"default": "'h3'",
"class": "MuiAccordion-heading"
},
{
"name": "transition",
"description": "The component that renders the transition.\n[Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.",
"default": "Collapse",
"class": null
},
{
"name": "region",
"description": "The component that renders the region.",
"default": "'div'",
"class": "MuiAccordion-region"
}
],
"classes": [
{
"key": "disabled",
"className": "Mui-disabled",
"description": "State class applied to the root element if `disabled={true}`.",
"isGlobal": true
},
{
"key": "expanded",
"className": "Mui-expanded",
"description": "State class applied to the root element if `expanded={true}`.",
"isGlobal": true
},
{
"key": "gutters",
"className": "MuiAccordion-gutters",
"description": "Styles applied to the root element unless `disableGutters={true}`.",
"isGlobal": false
},
{
"key": "rounded",
"className": "MuiAccordion-rounded",
"description": "Styles applied to the root element unless `square={true}`.",
"isGlobal": false
}
],
"spread": true,
"themeDefaultProps": true,
"muiName": "MuiAccordion",
"forwardsRefTo": "HTMLDivElement",
"filename": "/packages/mui-material/src/Accordion/Accordion.js",
"inheritance": { "component": "Paper", "pathname": "/material-ui/api/paper/" },
"demos": "