如何在material-ui中将自定义className应用于StepPositionIcon?

时间:2018-06-27 09:56:55

标签: javascript reactjs material-ui

我正在尝试像这样自定义垂直步进器:

const theme = createMuiTheme({

  overrides: {
    MuiStepConnector: {
      lineVertical: {
        minHeight: '',
      }
    },
    MuiStepContent: {
      last: {
        borderLeft: ''
      },
    },
    MuiStepIcon: {
      root: {
        '&$active': {
          color: "#fff",
          boxShadow: "0 0 20px rgba(0, 0, 0, 0.14)",
          borderRadius: "100px",
        },
      },
    },
    MuiExpansionPanelSummary: {
      expandIcon: {
        left: 8 * -2,
        transition: 'all .5s ease',
      }
    }
  }
});

但是我无法覆盖StepPositionIcon属性,例如:

text: {
    fill: theme.palette.primary.contrastText,
    fontSize: theme.typography.caption.fontSize,
    fontFamily: theme.typography.fontFamily
}

我想将自定义className应用于StepPositionIcon,但不知道在哪里应用此更改?在Stepper,Step或StepLabel中?

0 个答案:

没有答案