Estoy usando el Material de la interfaz de usuario paso a Paso componente para representar una lista de verificación como así. Esta es una foto de sus documentos.
cuando yo quería introducir un estado de error de la lista, he encontrado que existe un accesorio llamado error para el StepLabel que puedo declarar. Básicamente se le permitirá cambiar los estilos tales como el color de fondo, etc.
Sin embargo, cuando me puse el error de la proposición a la verdad, hay un nuevo icono que se produjo. No quiero que este icono, pero sólo quiero cambiar el color de relleno de azul a rojo.
Es allí cualquier manera de la que puedo prescindir de ese icono y solo se preocupan por el color de relleno del paso a paso en su lugar?
Aquí está mi 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>