Böyle bir kontrol listesi oluşturmak için Material uı'nin Step bileşenini kullanıyorum. Bu onların dokümanlarından bir fotoğraf.
kontrol listesine bir hata durumu tanıtmak istediğimde, bildirebileceğim StepLabel için error adlı bir pervane olduğunu gördüm. Temel olarak, arka plan rengi vb.Stilleri değiştirmenize izin verecektir.
Ancak, hata desteğini true olarak ayarladığımda, ortaya çıkan yeni bir simge var. Bu simgeyi istemiyorum, ancak dolgu rengini maviden kırmızıya değiştirmek istiyorum.
Bu simgeyi bırakabilmemin ve bunun yerine stepin dolgu rengi hakkında endişelenmemin bir yolu var mı?
İşte benim kodum:
<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>