{
"props": {
"children": { "type": { "name": "node" } },
"component": { "type": { "name": "elementType" } },
"orientation": {
"type": { "name": "enum", "description": "'horizontal'
| 'vertical'" },
"default": "'horizontal'"
},
"size": {
"type": {
"name": "union",
"description": "'lg'
| 'md'
| 'sm'
| string"
},
"default": "'md'",
"additionalInfo": { "joy-size": true }
},
"slotProps": {
"type": { "name": "shape", "description": "{ root?: func
| object }" },
"default": "{}"
},
"slots": {
"type": { "name": "shape", "description": "{ root?: elementType }" },
"default": "{}",
"additionalInfo": { "slotsApi": true }
},
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
}
},
"name": "Stepper",
"imports": ["import Stepper from '@mui/joy/Stepper';", "import { Stepper } from '@mui/joy';"],
"slots": [
{
"name": "root",
"description": "The component that renders the root.",
"default": "'ol'",
"class": "MuiStepper-root"
}
],
"classes": [
{
"key": "horizontal",
"className": "MuiStepper-horizontal",
"description": "Class name applied to the root element if `orientation=\"horizontal\"`.",
"isGlobal": false
},
{
"key": "sizeLg",
"className": "MuiStepper-sizeLg",
"description": "Class name applied to the root element if `size=\"lg\"`.",
"isGlobal": false
},
{
"key": "sizeMd",
"className": "MuiStepper-sizeMd",
"description": "Class name applied to the root element if `size=\"md\"`.",
"isGlobal": false
},
{
"key": "sizeSm",
"className": "MuiStepper-sizeSm",
"description": "Class name applied to the root element if `size=\"sm\"`.",
"isGlobal": false
},
{
"key": "vertical",
"className": "MuiStepper-vertical",
"description": "Class name applied to the root element if `orientation=\"vertical\"`.",
"isGlobal": false
}
],
"spread": true,
"themeDefaultProps": true,
"muiName": "JoyStepper",
"forwardsRefTo": "HTMLOListElement",
"filename": "/packages/mui-joy/src/Stepper/Stepper.tsx",
"inheritance": null,
"demos": "