Schimba Materialul UI pas cu pas pictograma de eroare pas

0

Problema

Im folosind Materialul UI e pas cu pas componentă a face o listă de verificare așa. Aceasta este o poza din google docs.

enter image description here

când am vrut să introducă o stare de eroare la verificare, am constatat că există o prop numit de eroare pentru StepLabel care pot declara. Practic, acesta vă va permite de a schimba stiluri, cum ar fi culoarea de fundal, etc.

Cu toate acestea, atunci când am stabilit eroarea propunerii de adevărat, există o pictogramă nouă care a venit. Nu vreau această pictogramă, dar vreau doar să se umple schimba culoarea de la albastru la roșu. enter image description here

Există nici un fel pot să renunțe la această pictogramă și vă faceți griji doar despre culoare de umplere pas cu pas, în schimb?

Aici este codul meu:

<Stepper alternativeLabel activeStep={this.determineFormStep()} connector={<StepConnector />} className={classes.stepper}>
          {formLabels.map((label, index) => {
            return (
              <Step key={label}>
                <StepLabel
                  icon={label.step}
                  error={true}
                  StepIconProps={{
                    classes: {
                      root: classes.step,
                      completed: classes.completed,
                      active: classes.active,
                      error: classes.error,
                      disabled: classes.disabled
                    }
                  }}>
                    <span className={classes.sublabel}>
                      {label.sublabel3}
                    </span>
                  </div>
                </StepLabel>
              </Step>);
          })}
        </Stepper>
css font-awesome javascript material-ui
2021-11-24 02:06:05
1

Cel mai bun răspuns

1

A pus condiție pe pictograma elemente de recuzită pe StepLabel.

icon={error ? <Error /> : label.step} ca mențiune de mai jos

2021-11-24 12:02:06

multumesc pentru comentariu! Pot să te întreb este că <Eroare /> tag-ul, o parte din Materialul UI? Sau este altceva?
Kenny Quach

@KennyQuach <Error /> este materialul ui icon componentă. puteți importa această pictogramă din @material-ui/icons pentru mui v4 și @mui/icons-material pentru mui v5.
Amir Achhodi

În alte limbi

Această pagină este în alte limbi

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................