damianricobelli / shadcn-stepper Goto Github PK

First off, great component, thanks for building!
When using the Footer component inside a Form component clicking any Footer Button will result in the submit of the form

I found a workaround which effectively prevents the submission of the form
<Button size="sm" onClick={(event) => { if (!isLastStep) event.preventDefault(); nextStep(); }}> {isLastStep ? "Finish" : isOptionalStep ? "Skip" : "Next"} </Button>

thanks for this, i want to control steps manually
for example i want after upload file in step 1 move to step 2 directly,
i try put useStepper as global but not work
how can i do that please?

Hi there--love this component and getting some good use out of it. I'd love for there to be a way with the vertical stepper to show all the steps as expanded. This is useful in cases where you'd like the user to see all the steps at once, without hiding any of the content / form entries contained within a step.

Add a parameter to the main stepper, that will make all steps open/visible but disable those that are not completed.

For example:

There are 5 steps:
1st is visible and editable -> 2nd, 3rd, 4th, 5th are visible but disabled
After clicking next -> 1st and 2nd steps are visible and editable but others are disabled and etc.