Używam krokowy składnik Material UI do wyświetlania listy kontrolnej takiego. To zdjęcie z ich dokumentów.
gdy chciałem wprowadzić stan błędu w liście kontrolnej, okazało się, że dla turowa etykiety jest gumowa pod nazwą błąd, który mogę zadeklarować. W zasadzie to pozwoli ci zmieniać style, takie jak kolor tła itp.
Jednak, gdy zainstalowałem dla parametru błąd wartość true, pojawił się nowy symbol. Nie potrzebuję tę ikonę, ja po prostu chcę zmienić kolor z niebieskiego na czerwony.
Czy istnieje jakiś sposób zrezygnować z tej ikony i zamiast tego po prostu się martwić o kolor wypełnienia przyrządu?
Oto mój kod:
<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>