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

docs/translations/api-docs/slide/slide.json

31 строка2 KB

Albert Yu

[transitions] Support `prefers-reduced-motion` (#48357)

04 июн 2026, 15:18

04 июн 2026, 15:1841b68b8

{
  "componentDescription": "The Slide transition is used by the [Drawer](/material-ui/react-drawer/) 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." }
      }
    },
    "appear": {
      "description": "Perform the enter transition when it first mounts if <code>in</code> is also <code>true</code>. Set this to <code>false</code> to disable this behavior."
    },
    "children": { "description": "A single child content element.", "requiresRef": true },
    "container": {
      "description": "An HTML element, or a function that returns one. It&#39;s used to set the container the Slide is transitioning from."
    },
    "direction": { "description": "Direction the child node will enter from." },
    "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." },
    "timeout": {
      "description": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object."
    }
  },
  "classDescriptions": {}
}