Im pomocí Materiálu uživatelského ROZHRANÍ je Stepper složkou k tomu, aby kontrolní seznam jako tak. To je obrázek z jejich docs.
když jsem chtěl zavést chyba státu, aby kontrolní seznam, zjistil jsem, že tam je prop nazývá chyba pro StepLabel, že můžu prohlásit. V podstatě to vám umožní změnit styly, jako je barva pozadí, atd.
Nicméně, když jsem se nastavit chybové rekvizita je pravda, že tam je nová ikona, která přišla. Nechci tuto ikonu, ale jen chcete změnit barvu výplně z modré na červenou.
Existuje nějaký způsob, jak mohu vzdát se, že ikona a jen se starat o barvu výplně krokového místo?
Tady je můj kód:
<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>