{
  "props": {
    "bottomAxis": {
      "type": { "name": "union", "description": "object<br>&#124;&nbsp;string" },
      "default": "xAxisIds[0] The id of the first provided axis"
    },
    "leftAxis": {
      "type": { "name": "union", "description": "object<br>&#124;&nbsp;string" },
      "default": "yAxisIds[0] The id of the first provided axis"
    },
    "rightAxis": {
      "type": { "name": "union", "description": "object<br>&#124;&nbsp;string" },
      "default": "null"
    },
    "slotProps": { "type": { "name": "object" }, "default": "{}" },
    "slots": {
      "type": { "name": "object" },
      "default": "{}",
      "additionalInfo": { "slotsApi": true }
    },
    "topAxis": {
      "type": { "name": "union", "description": "object<br>&#124;&nbsp;string" },
      "default": "null"
    }
  },
  "name": "ChartsAxis",
  "imports": [
    "import { ChartsAxis } from '@mui/x-charts/ChartsAxis';",
    "import { ChartsAxis } from '@mui/x-charts';",
    "import { ChartsAxis } from '@mui/x-charts-pro';"
  ],
  "classes": [
    {
      "key": "bottom",
      "className": "MuiChartsAxis-bottom",
      "description": "Styles applied to the bottom axis.",
      "isGlobal": false
    },
    {
      "key": "directionX",
      "className": "MuiChartsAxis-directionX",
      "description": "Styles applied to x-axes.",
      "isGlobal": false
    },
    {
      "key": "directionY",
      "className": "MuiChartsAxis-directionY",
      "description": "Styles applied to y-axes.",
      "isGlobal": false
    },
    {
      "key": "label",
      "className": "MuiChartsAxis-label",
      "description": "Styles applied to the group containing the axis label.",
      "isGlobal": false
    },
    {
      "key": "left",
      "className": "MuiChartsAxis-left",
      "description": "Styles applied to the left axis.",
      "isGlobal": false
    },
    {
      "key": "line",
      "className": "MuiChartsAxis-line",
      "description": "Styles applied to the main line element.",
      "isGlobal": false
    },
    {
      "key": "right",
      "className": "MuiChartsAxis-right",
      "description": "Styles applied to the right axis.",
      "isGlobal": false
    },
    {
      "key": "root",
      "className": "MuiChartsAxis-root",
      "description": "Styles applied to the root element.",
      "isGlobal": false
    },
    {
      "key": "tick",
      "className": "MuiChartsAxis-tick",
      "description": "Styles applied to ticks.",
      "isGlobal": false
    },
    {
      "key": "tickContainer",
      "className": "MuiChartsAxis-tickContainer",
      "description": "Styles applied to group including the tick and its label.",
      "isGlobal": false
    },
    {
      "key": "tickLabel",
      "className": "MuiChartsAxis-tickLabel",
      "description": "Styles applied to ticks label.",
      "isGlobal": false
    },
    {
      "key": "top",
      "className": "MuiChartsAxis-top",
      "description": "Styles applied to the top axis.",
      "isGlobal": false
    }
  ],
  "muiName": "MuiChartsAxis",
  "filename": "/packages/x-charts/src/ChartsAxis/ChartsAxis.tsx",
  "inheritance": null,
  "demos": "<ul><li><a href=\"/x/react-charts/axis/\">Charts - Axis</a></li></ul>",
  "cssComponent": false
}
