{ "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." } }