docs/translations/api-docs/collapse/collapse.json - master - githubmirror/material-ui

docs/translations/api-docs/collapse/collapse.json
59 строк3 KB
Albert Yu
[transitions] Support `prefers-reduced-motion` (#48357)
04 июн 2026, 15:18
04 июн 2026, 15:1841b68b8
{
  "componentDescription": "The Collapse transition is used by the\n[Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.",
  "propDescriptions": {
    "addEndListener": {
      "description": "Add a custom transition end trigger. Use it when you need custom logic to decide when the transition has ended. Note: Timeouts are still used as a fallback if provided.",
      "typeDescriptions": {
        "node": { "name": "node", "description": "The transitioning DOM node." },
        "done": { "name": "done", "description": "Call this when the transition has finished." }
      }
    },
    "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
    },
    "disablePrefersReducedMotion": {
      "description": "If <code>true</code>, the transition ignores <code>theme.motion.reducedMotion</code> and keeps its normal timing."
    },
    "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."
  }
}