Измените цвет активного шага степпера, используя реагирование и материал-интерфейс - PullRequest
Новая
       7

Измените цвет активного шага степпера, используя реагирование и материал-интерфейс

0 голосов
/ 11 января 2019

Привет, ребята, я использую реагирование и материальный интерфейс для проекта. Я хочу изменить цвет активной вкладки в степпере. Есть ли какие-либо реквизиты или другие вещи, которые мы можем использовать для решения этой проблемы. Я использую старую версию activjs и материал ui 15 для реагирования и 0.16 для материала 

return (
      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
        <Stepper seconda activeStep={stepIndex}>
          <Step>
            <StepLabel>Select campaign settings</StepLabel>
          </Step>
          <Step>
            <StepLabel>Create an ad group</StepLabel>
          </Step>
          <Step>
            <StepLabel>Create an ad</StepLabel>
          </Step>
        </Stepper>
        <div style={contentStyle}>
          {finished ? (
            <p>
              <a
                href="#"
                onClick={(event) => {
                  event.preventDefault();
                  this.setState({stepIndex: 0, finished: false});
                }}
              >
                Click here
              </a> to reset the example.
            </p>
          ) : (
            <div>
              <p>{this.getStepContent(stepIndex)}</p>
              <div style={{marginTop: 12}}>
                <FlatButton
                  label="Back"
                  disabled={stepIndex === 0}
                  onClick={this.handlePrev}
                  style={{marginRight: 12}}
                />
                <RaisedButton
                  label={stepIndex === 2 ? 'Finish' : 'Next'}
                  primary={true}
                  onClick={this.handleNext}
                />
              </div>
            </div>
          )}
        </div>
      </div>
    );
...