{
"componentDescription": "",
"propDescriptions": {
"children": {
"description": "In most cases will simply be a string containing a title for the label."
},
"classes": { "description": "Override or extend the styles applied to the component." },
"componentsProps": { "description": "The props used for each slot inside." },
"error": { "description": "If true, the step is marked as failed." },
"icon": { "description": "Override the default label of the step icon." },
"optional": { "description": "The optional node to display." },
"slotProps": { "description": "The props used for each slot inside." },
"slots": { "description": "The components used for each slot inside." },
"StepIconComponent": {
"description": "The component to render in place of the StepIcon."
},
"StepIconProps": {
"description": "Props applied to the StepIcon element."
},
"sx": {
"description": "The system prop that allows defining system overrides as well as additional CSS styles."
}
},
"classDescriptions": {
"active": {
"description": "State class applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the label element",
"conditions": "active={true}"
},
"alternativeLabel": {
"description": "State class applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root and icon container and label",
"conditions": "alternativeLabel={true}"
},
"completed": {
"description": "State class applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the label element",
"conditions": "completed={true}"
},
"disabled": {
"description": "State class applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root and label elements",
"conditions": "disabled={true}"
},
"error": {
"description": "State class applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root and label elements",
"conditions": "error={true}"
},
"horizontal": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "orientation=\"horizontal\""
},
"iconContainer": {
"description": "Styles applied to {{nodeName}}.",
"nodeName": "the icon container element"
},
"labelContainer": {
"description": "Styles applied to {{nodeName}}.",
"nodeName": "the container element which wraps label and optional"
},
"vertical": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "orientation=\"vertical\""
}
},
"slotDescriptions": {
"label": "The component that renders the label.",
"root": "The component that renders the root.",
"stepIcon": "The component to render in place of the StepIcon."
}
}