{
  "props": {
    "dataIndex": { "type": { "name": "number" }, "required": true },
    "shape": {
      "type": {
        "name": "enum",
        "description": "'circle'<br>&#124;&nbsp;'cross'<br>&#124;&nbsp;'diamond'<br>&#124;&nbsp;'square'<br>&#124;&nbsp;'star'<br>&#124;&nbsp;'triangle'<br>&#124;&nbsp;'wye'"
      },
      "required": true
    },
    "skipAnimation": { "type": { "name": "bool" }, "default": "false" }
  },
  "name": "MarkElement",
  "imports": [
    "import { MarkElement } from '@mui/x-charts/LineChart';",
    "import { MarkElement } from '@mui/x-charts';",
    "import { MarkElement } from '@mui/x-charts-pro';"
  ],
  "classes": [
    {
      "key": "faded",
      "className": "MuiMarkElement-faded",
      "description": "Styles applied to the root element when faded.",
      "isGlobal": false
    },
    {
      "key": "highlighted",
      "className": "MuiMarkElement-highlighted",
      "description": "Styles applied to the root element when highlighted.",
      "isGlobal": false
    },
    {
      "key": "root",
      "className": "MuiMarkElement-root",
      "description": "Styles applied to the root element.",
      "isGlobal": false
    }
  ],
  "muiName": "MuiMarkElement",
  "filename": "/packages/x-charts/src/LineChart/MarkElement.tsx",
  "inheritance": null,
  "demos": "<ul><li><a href=\"/x/react-charts/areas-demo/\">Charts - Areas demonstration</a></li>\n<li><a href=\"/x/react-charts/line-demo/\">Charts - Line demonstration</a></li>\n<li><a href=\"/x/react-charts/lines/\">Charts - Lines</a></li></ul>",
  "cssComponent": false
}
