005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
53 lines
2.7 KiB
JSON
53 lines
2.7 KiB
JSON
{
|
|
"componentDescription": "The Collapse transition is used by the\n[Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.\nIt uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.",
|
|
"propDescriptions": {
|
|
"addEndListener": {
|
|
"description": "Add a custom transition end trigger. Called with the transitioning DOM node and a done callback. Allows for more fine grained transition end logic. Note: Timeouts are still used as a fallback if provided."
|
|
},
|
|
"children": { "description": "The content node to be collapsed." },
|
|
"classes": { "description": "Override or extend the styles applied to the component." },
|
|
"collapsedSize": {
|
|
"description": "The width (horizontal) or height (vertical) of the container when collapsed."
|
|
},
|
|
"component": {
|
|
"description": "The component used for the root node. Either a string to use a HTML element or a component.",
|
|
"requiresRef": true
|
|
},
|
|
"easing": {
|
|
"description": "The transition timing function. You may specify a single easing or a object containing enter and exit values."
|
|
},
|
|
"in": { "description": "If <code>true</code>, the component will transition in." },
|
|
"orientation": { "description": "The transition orientation." },
|
|
"slotProps": { "description": "The props used for each slot inside." },
|
|
"slots": { "description": "The components used for each slot inside." },
|
|
"sx": {
|
|
"description": "The system prop that allows defining system overrides as well as additional CSS styles."
|
|
},
|
|
"timeout": {
|
|
"description": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.<br>Set to 'auto' to automatically calculate transition time based on height."
|
|
}
|
|
},
|
|
"classDescriptions": {
|
|
"entered": {
|
|
"description": "Styles applied to {{nodeName}} when {{conditions}}.",
|
|
"nodeName": "the root element",
|
|
"conditions": "the transition has entered"
|
|
},
|
|
"hidden": {
|
|
"description": "Styles applied to {{nodeName}} when {{conditions}}.",
|
|
"nodeName": "the root element",
|
|
"conditions": "the transition has exited and <code>collapsedSize</code> = 0px"
|
|
},
|
|
"horizontal": {
|
|
"description": "State class applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the root element",
|
|
"conditions": "<code>orientation=\"horizontal\"</code>"
|
|
}
|
|
},
|
|
"slotDescriptions": {
|
|
"root": "The component that renders the root.",
|
|
"wrapper": "The component that renders the wrapper.",
|
|
"wrapperInner": "The component that renders the inner wrapper."
|
|
}
|
|
}
|