{
"props": {
"accordionId": { "type": { "name": "string" } },
"children": { "type": { "name": "node" } },
"color": {
"type": {
"name": "enum",
"description": "'danger'
| 'neutral'
| 'primary'
| 'success'
| 'warning'"
},
"default": "'neutral'",
"additionalInfo": { "joy-color": true }
},
"component": { "type": { "name": "elementType" } },
"defaultExpanded": { "type": { "name": "bool" }, "default": "false" },
"disabled": { "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": "{ root?: func
| object }" },
"default": "{}"
},
"slots": {
"type": { "name": "shape", "description": "{ root?: elementType }" },
"default": "{}",
"additionalInfo": { "slotsApi": true }
},
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
},
"variant": {
"type": {
"name": "enum",
"description": "'outlined'
| 'plain'
| 'soft'
| 'solid'"
},
"default": "'plain'",
"additionalInfo": { "joy-variant": true }
}
},
"name": "Accordion",
"imports": [
"import Accordion from '@mui/joy/Accordion';",
"import { Accordion } from '@mui/joy';"
],
"slots": [
{
"name": "root",
"description": "The component that renders the root.",
"default": "'div'",
"class": "MuiAccordion-root"
}
],
"classes": [
{
"key": "disabled",
"className": "Mui-disabled",
"description": "Class name applied to the root element if `disabled` is true.",
"isGlobal": true
},
{
"key": "expanded",
"className": "Mui-expanded",
"description": "Class name applied to the root element if `expanded` is true.",
"isGlobal": true
}
],
"spread": true,
"themeDefaultProps": true,
"muiName": "JoyAccordion",
"forwardsRefTo": "HTMLDivElement",
"filename": "/packages/mui-joy/src/Accordion/Accordion.tsx",
"inheritance": null,
"demos": "