如何从MuiStepIcon删除默认检查图标?

时间:2019-09-30 23:49:41

标签: material-ui

我正在使用Material UI v3.x.x Stepper,并且需要自定义MuiStepIcon的行为。开箱即用的行为会在步骤完成后呈现一个复选图标。相反,我只需要显示原始步骤号,就可以确定其样式。 希望能有一些关于如何删除选中图标的信息。

          <Stepper className={classes.stepper} activeStep={status.step}>
            {getSteps().map((label, index) => {
              const props = {}
              const labelProps = {}

              return (
                <Step
                  {...props}
                  key={label}
                  classes={{
                    root: classes.step,
                    active: classes.active,
                    completed: classes.completed
                  }}
                >
                  <StepLabel
                   icon={index + 1}
                    classes={{
                      labelContainer: classes.labelContainer
                    }}
                    StepIconProps={{
                      classes: {
                        root: classes.step,
                        active: classes.active,
                        completed: classes.completed,
                        disabled: classes.disabled
                      }
                    }}
                    {...labelProps}
                  ></StepLabel>
                </Step>
              )
            })}
          </Stepper>

0 个答案:

没有答案