{
"props": {
"children": { "type": { "name": "node" } },
"classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
"componentsProps": {
"type": { "name": "shape", "description": "{ label?: object }" },
"default": "{}",
"deprecated": true,
"deprecationInfo": "use the slotProps prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"error": { "type": { "name": "bool" }, "default": "false" },
"icon": { "type": { "name": "node" } },
"optional": { "type": { "name": "node" } },
"slotProps": {
"type": {
"name": "shape",
"description": "{ label?: func
| object, root?: func
| object, stepIcon?: func
| object }"
},
"default": "{}"
},
"slots": {
"type": {
"name": "shape",
"description": "{ label?: elementType, root?: elementType, stepIcon?: elementType }"
},
"default": "{}"
},
"StepIconComponent": {
"type": { "name": "elementType" },
"deprecated": true,
"deprecationInfo": "Use slots.stepIcon instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"StepIconProps": {
"type": { "name": "object" },
"deprecated": true,
"deprecationInfo": "Use slotProps.stepIcon instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
}
},
"name": "StepLabel",
"imports": [
"import StepLabel from '@mui/material/StepLabel';",
"import { StepLabel } from '@mui/material';"
],
"slots": [
{
"name": "root",
"description": "The component that renders the root.",
"default": "span",
"class": "MuiStepLabel-root"
},
{
"name": "label",
"description": "The component that renders the label.",
"default": "span",
"class": "MuiStepLabel-label"
},
{
"name": "stepIcon",
"description": "The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).",
"class": null
}
],
"classes": [
{
"key": "active",
"className": "Mui-active",
"description": "State class applied to the label element if `active={true}`.",
"isGlobal": true
},
{
"key": "alternativeLabel",
"className": "MuiStepLabel-alternativeLabel",
"description": "State class applied to the root and icon container and label if `alternativeLabel={true}`.",
"isGlobal": false
},
{
"key": "completed",
"className": "Mui-completed",
"description": "State class applied to the label element if `completed={true}`.",
"isGlobal": true
},
{
"key": "disabled",
"className": "Mui-disabled",
"description": "State class applied to the root and label elements if `disabled={true}`.",
"isGlobal": true
},
{
"key": "error",
"className": "Mui-error",
"description": "State class applied to the root and label elements if `error={true}`.",
"isGlobal": true
},
{
"key": "horizontal",
"className": "MuiStepLabel-horizontal",
"description": "Styles applied to the root element if `orientation=\"horizontal\"`.",
"isGlobal": false
},
{
"key": "iconContainer",
"className": "MuiStepLabel-iconContainer",
"description": "Styles applied to the `icon` container element.",
"isGlobal": false
},
{
"key": "labelContainer",
"className": "MuiStepLabel-labelContainer",
"description": "Styles applied to the container element which wraps label and `optional`.",
"isGlobal": false
},
{
"key": "vertical",
"className": "MuiStepLabel-vertical",
"description": "Styles applied to the root element if `orientation=\"vertical\"`.",
"isGlobal": false
}
],
"spread": true,
"themeDefaultProps": true,
"muiName": "MuiStepLabel",
"forwardsRefTo": "HTMLSpanElement",
"filename": "/packages/mui-material/src/StepLabel/StepLabel.js",
"inheritance": null,
"demos": "