{
  "props": {
    "slotProps": { "type": { "name": "object" }, "default": "{}" },
    "slots": {
      "type": { "name": "object" },
      "default": "{}",
      "additionalInfo": { "slotsApi": true }
    }
  },
  "name": "BarElement",
  "imports": [
    "import { BarElement } from '@mui/x-charts/BarChart';",
    "import { BarElement } from '@mui/x-charts';",
    "import { BarElement } from '@mui/x-charts-pro';"
  ],
  "slots": [
    {
      "name": "bar",
      "description": "The component that renders the bar.",
      "default": "BarElementPath",
      "class": null
    }
  ],
  "classes": [
    {
      "key": "faded",
      "className": "MuiBarElement-faded",
      "description": "Styles applied to the root element if it is faded.",
      "isGlobal": false
    },
    {
      "key": "highlighted",
      "className": "MuiBarElement-highlighted",
      "description": "Styles applied to the root element if it is highlighted.",
      "isGlobal": false
    },
    {
      "key": "root",
      "className": "MuiBarElement-root",
      "description": "Styles applied to the root element.",
      "isGlobal": false
    }
  ],
  "muiName": "MuiBarElement",
  "filename": "/packages/x-charts/src/BarChart/BarElement.tsx",
  "inheritance": null,
  "demos": "<ul><li><a href=\"/x/react-charts/bar-demo/\">Charts - Bar demonstration</a></li>\n<li><a href=\"/x/react-charts/bars/\">Charts - Bars</a></li></ul>",
  "cssComponent": false
}
