react-test/docs/translations/api-docs/mobile-stepper/mobile-stepper.json

{
  "componentDescription": "",
  "propDescriptions": {
    "activeStep": {
      "description": "Set the active step (zero based index). Defines which dot is highlighted when the variant is 'dots'."
    },
    "backButton": {
      "description": "A back button element. For instance, it can be a <code>Button</code> or an <code>IconButton</code>."
    },
    "classes": { "description": "Override or extend the styles applied to the component." },
    "LinearProgressProps": {
      "description": "Props applied to the <code>LinearProgress</code> element."
    },
    "nextButton": {
      "description": "A next button element. For instance, it can be a <code>Button</code> or an <code>IconButton</code>."
    },
    "position": { "description": "Set the positioning type." },
    "slotProps": { "description": "The props used for each slot inside." },
    "slots": { "description": "The components used for each slot inside." },
    "steps": { "description": "The total steps." },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    },
    "variant": { "description": "The variant to use." }
  },
  "classDescriptions": {
    "dotActive": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "a dot",
      "conditions": "<code>variant=\"dots\"</code> and this is the active step"
    },
    "positionBottom": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>position=\"bottom\"</code>"
    },
    "positionStatic": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>position=\"static\"</code>"
    },
    "positionTop": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>position=\"top\"</code>"
    }
  },
  "slotDescriptions": {
    "dot": "The component that renders the dot slot.",
    "dots": "The component that renders the dots slot.",
    "progress": "The component that renders the progress slot.",
    "root": "The component that renders the root slot."
  }
}