Im usando Material de INTERFACE do usuário do componente Deslizante para compor uma lista de verificação como isso. Esta é uma foto de seus docs.
quando eu queria introduzir um estado de erro para a lista de verificação, descobri que há um adereço chamado de erro para o StepLabel que posso declarar. Basicamente, ele permite que você altere os estilos, tais como cor de fundo, etc.
No entanto, quando o erro de sustentar a verdade, há um novo ícone que surgiu. Eu não quero este ícone, mas apenas quiser alterar a cor de preenchimento de azul para vermelho.
Existe alguma maneira eu posso renunciar a esse ícone e apenas se preocupar com a cor de preenchimento da deslizante em vez disso?
Aqui é o meu código:
<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>