{
  "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 &#39;auto&#39; 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."
  }
}