Cambiar el icono del paso de error en Material UI Stepper.
Estoy usando el componente Stepper de Material UI para renderizar una lista de verificación de esta manera. Esta es una imagen de su documento.
Cuando quise introducir un estado de error en la lista de verificación, descubrí que hay una propiedad llamada error para el StepLabel que puedo declarar. Básicamente, te permitirá cambiar los estilos como el color de fondo, etc.
Sin embargo, cuando establezco la propiedad de error en true, hay un nuevo icono que apareció. No quiero este icono, solo quiero cambiar el color de relleno de azul a rojo.
¿Hay alguna manera en que pueda ignorar ese icono y solo preocuparme por el color de relleno del stepper en su lugar?
Aquí está mi código:
davy.ai
Para cambiar el color de relleno del stepper en el componente Stepper de Material UI y eliminar el icono de error cuando la propiedad error se establece en true, puede crear un componente personalizado StepIcon y pasarlo como una propiedad al componente Stepper.
Aquí hay un ejemplo de cómo puede lograr esto:
Con este enfoque, puede personalizar el color de relleno del stepper según el estado de error y eliminar el icono de error.