{
"props": {
"classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
"color": {
"type": {
"name": "union",
"description": "'inherit'
| 'primary'
| 'secondary'
| 'error'
| 'info'
| 'success'
| 'warning'
| string"
},
"default": "'primary'"
},
"disableShrink": { "type": { "name": "custom", "description": "bool" }, "default": "false" },
"enableTrackSlot": { "type": { "name": "bool" }, "default": "false" },
"size": {
"type": { "name": "union", "description": "number
| string" },
"default": "40"
},
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
},
"thickness": { "type": { "name": "number" }, "default": "3.6" },
"value": { "type": { "name": "number" }, "default": "0" },
"variant": {
"type": { "name": "enum", "description": "'determinate'
| 'indeterminate'" },
"default": "'indeterminate'"
}
},
"name": "CircularProgress",
"imports": [
"import CircularProgress from '@mui/material/CircularProgress';",
"import { CircularProgress } from '@mui/material';"
],
"classes": [
{
"key": "circle",
"className": "MuiCircularProgress-circle",
"description": "Styles applied to the `circle` svg path.",
"isGlobal": false
},
{
"key": "circleDeterminate",
"className": "MuiCircularProgress-circleDeterminate",
"description": "Styles applied to the `circle` svg path if `variant=\"determinate\"`.",
"isGlobal": false,
"isDeprecated": true
},
{
"key": "circleDisableShrink",
"className": "MuiCircularProgress-circleDisableShrink",
"description": "Styles applied to the `circle` svg path if `disableShrink={true}`.",
"isGlobal": false
},
{
"key": "circleIndeterminate",
"className": "MuiCircularProgress-circleIndeterminate",
"description": "Styles applied to the `circle` svg path if `variant=\"indeterminate\"`.",
"isGlobal": false,
"isDeprecated": true
},
{
"key": "colorPrimary",
"className": "MuiCircularProgress-colorPrimary",
"description": "Styles applied to the root element if `color=\"primary\"`.",
"isGlobal": false
},
{
"key": "colorSecondary",
"className": "MuiCircularProgress-colorSecondary",
"description": "Styles applied to the root element if `color=\"secondary\"`.",
"isGlobal": false
},
{
"key": "determinate",
"className": "MuiCircularProgress-determinate",
"description": "Styles applied to the root element if `variant=\"determinate\"`.",
"isGlobal": false
},
{
"key": "indeterminate",
"className": "MuiCircularProgress-indeterminate",
"description": "Styles applied to the root element if `variant=\"indeterminate\"`.",
"isGlobal": false
},
{
"key": "root",
"className": "MuiCircularProgress-root",
"description": "Styles applied to the root element.",
"isGlobal": false
},
{
"key": "svg",
"className": "MuiCircularProgress-svg",
"description": "Styles applied to the svg element.",
"isGlobal": false
},
{
"key": "track",
"className": "MuiCircularProgress-track",
"description": "Styles applied to the track slot if `enableTrackSlot={true}`.",
"isGlobal": false
}
],
"spread": true,
"themeDefaultProps": true,
"muiName": "MuiCircularProgress",
"forwardsRefTo": "HTMLSpanElement",
"filename": "/packages/mui-material/src/CircularProgress/CircularProgress.js",
"inheritance": null,
"demos": "