You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is your feature request related to a problem? Please describe.
As of now we don't have stepper component. This component is very useful for application where we have to show multi step forms. We can have composable ui component similar to mantine.dev's stepper or ark.ui's step component
Describe the solution you'd like
A composable stepper component with the following features:
Progress tracking through multiple steps
Support for both controlled and uncontrolled modes
Step indicators with completion states
Navigation controls (prev/next)
basic example of usage of this component
functionDemo(){return(<Stepper.Rootcount={3}defaultActiveStep={0}><Stepper.List><Foreach={['Account','Details','Complete']}>{(label,index)=>(<Stepper.Itemindex={index()}><Stepper.Trigger><Stepper.Indicator>{index()+1}</Stepper.Indicator><span>{label}</span></Stepper.Trigger><Stepper.Separator/></Stepper.Item>)}</For></Stepper.List><Stepper.Contentindex={0}>Account details...</Stepper.Content><Stepper.Contentindex={1}>Personal info...</Stepper.Content><Stepper.Contentindex={2}>Review details...</Stepper.Content><Stepper.CompletedContent>
All steps completed!
</Stepper.CompletedContent><div><Stepper.PrevTrigger>Back</Stepper.PrevTrigger><Stepper.NextTrigger>Next</Stepper.NextTrigger></div></Stepper.Root>);}
Describe alternatives you've considered
Using a tab component with custom styling but it lacks proper step tracking and navigation
Using a progress indicator with manual state management. but we can't show the step count, we relies on progress visually
Additional context
I'm taking inspiration from these two ui library mantine.dev and arc.ui for its implementation. Would love to hear any feedback and suggestion.
The text was updated successfully, but these errors were encountered:
I was looking through the library docs but couldn’t find a Stepper component. so I built it's first version, would love to hear your thoughts and review on the PR #523
Again thanks for your guidance and for all the hard work that goes into this library! for my first solidjs project, this library really help me move fast with building ui components. :)
Is your feature request related to a problem? Please describe.
As of now we don't have stepper component. This component is very useful for application where we have to show multi step forms. We can have composable ui component similar to mantine.dev's stepper or ark.ui's step component
Describe the solution you'd like
A composable stepper component with the following features:
basic example of usage of this component
Describe alternatives you've considered
Additional context
I'm taking inspiration from these two ui library mantine.dev and arc.ui for its implementation. Would love to hear any feedback and suggestion.
The text was updated successfully, but these errors were encountered: