docs/translations/api-docs/linear-progress/linear-progress.json - master - githubmirror/material-ui

docs/translations/api-docs/linear-progress/linear-progress.json
71 строка3 KB
Silviu Alexandru Avram
[circularprogress][linearprogress] Improve accessibility (#48172)
15 апр 2026, 13:29
15 апр 2026, 13:29529b113
{
  "componentDescription": "## ARIA\n\nIf the progress bar is describing the loading progress of a particular region of a page,\nyou should use `aria-describedby` to point to the progress bar, and set the `aria-busy`\nattribute to `true` on that region until it has finished loading.",
  "propDescriptions": {
    "classes": { "description": "Override or extend the styles applied to the component." },
    "color": {
      "description": "The color of the component. It supports both default and custom theme colors, which can be added as shown in the <a href=\"https://mui.com/material-ui/customization/palette/#custom-colors\">palette customization guide</a>."
    },
    "max": {
      "description": "The maximum value for the progress indicator for the determinate and buffer variants."
    },
    "min": {
      "description": "The minimum value for the progress indicator for the determinate and buffer variants."
    },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    },
    "value": {
      "description": "The value of the progress indicator for the determinate and buffer variants. Value between <code>min</code> and <code>max</code>."
    },
    "valueBuffer": {
      "description": "The value for the buffer variant. Value between <code>min</code> and <code>max</code>."
    },
    "variant": {
      "description": "The variant to use. Use indeterminate or query when there is no progress value."
    }
  },
  "classDescriptions": {
    "bar": {
      "description": "Styles applied to {{nodeName}}.",
      "nodeName": "the layered bar1 and bar2 elements"
    },
    "bar1": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the bar1 element" },
    "bar2": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the bar2 element" },
    "buffer": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"buffer\"</code>"
    },
    "colorPrimary": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root and bar2 element",
      "conditions": "<code>color=\"primary\"</code>; bar2 if <code>variant=\"buffer\"</code>"
    },
    "colorSecondary": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root and bar2 elements",
      "conditions": "<code>color=\"secondary\"</code>; bar2 if <code>variant=\"buffer\"</code>"
    },
    "dashed": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the additional bar element",
      "conditions": "<code>variant=\"buffer\"</code>"
    },
    "determinate": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"determinate\"</code>"
    },
    "indeterminate": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"indeterminate\"</code>"
    },
    "query": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"query\"</code>"
    },
    "root": { "description": "Styles applied to the root element." }
  }
}