आईएम का उपयोग कर सामग्री यूआई के स्टेपर घटक प्रस्तुत करने के लिए एक चेकलिस्ट की तरह तो । यह एक तस्वीर से उनके डॉक्स.
जब मैं शुरू करना चाहता था एक त्रुटि राज्य के लिए चेकलिस्ट, मैंने पाया है कि वहाँ एक सहारा कहा जाता है के लिए त्रुटि StepLabel है कि मैं घोषणा कर सकते हैं. मूल रूप से यह आप की अनुमति देगा करने के लिए बदल के रूप में शैलियों की पृष्ठभूमि का रंग, आदि.
हालांकि, जब मैं सेट त्रुटि सहारा करने के लिए सच है, वहाँ है एक नया प्रतीक है कि के बारे में आया था. मैं नहीं करना चाहते हैं, इस आइकन, लेकिन बस को बदलना चाहते हैं, को भरने के रंग नीले रंग से लाल करने के लिए.
वहाँ किसी भी तरह मैं छोड़ कर सकते हैं कि आइकन और बस के बारे में चिंता के रंग भरने के stepper के बजाय?
यहाँ है मेरे कोड:
<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>