Der Platz zwischen dem Stepconnector und dem StepIcon im Material-UI-Stepper konnte nicht entfernt werden

Post a reply

Smilies
:) :( :oops: :chelo: :roll: :wink: :muza: :sorry: :angel: :read: *x) :clever:
View more smilies
BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON
Topic review
   

Expand view Topic review: Der Platz zwischen dem Stepconnector und dem StepIcon im Material-UI-Stepper konnte nicht entfernt werden

by Guest » 13 Jan 2025, 17:11

Hallo, mein Ziel ist es, zwischen der Stufe und dem Verbinder keinen Platz zu lassen. Ich habe es auf jeden Fall versucht, aber ich konnte es immer noch nicht herausfinden.
Standardmäßig erhalten wir den Leerraum zwischen dem Schrittsymbol und dem Anschluss. aber ich möchte keinen Leerraum dazwischen anzeigen.
Ich habe versucht, einen Rand zu lassen, aber ich konnte den Leerraum zwischen dem Verbindungsstück und dem Schrittsymbol immer noch nicht entfernen.
Hier ist mein Beispielcode:

Code: Select all

const styles = (theme) => ({
root: {
width: "90%"
},
button: {
marginTop: theme.spacing.unit,
marginRight: theme.spacing.unit
},
actionsContainer: {
marginBottom: theme.spacing.unit * 2
},
resetContainer: {
padding: theme.spacing.unit * 3
},
contentRoot: {
borderColor: "red"
},
connectorLine: {
borderColor: "red"
}
});

Code: Select all


{steps.map((label, index) => {
return (

{label}

{getStepContent(index)}



Back


{activeStep === steps.length - 1 ? "Finish" : "Next"}





);
})}

{activeStep === steps.length && (

All steps completed - you"re finished

Reset


)}

```

[here is sample o/p](https://codesandbox.io/s/material-demo-forked-r4pe2?file=/demo.js:2300-4152).

Can anyone help me with this query?
Thanks! in advance

Top