search

formaat-design / reshaped

Community repository for storing examples, reporting issues and tracking roadmap
https://reshaped.so
120 stars 4 forks source link

[Feature Request] Wizard Component #147

Closed X86-7 closed 1 year ago

X86-7 commented 1 year ago

Found another component that could definitely be useful.

Adding onto the form control, perhaps you could add a wizard component.

image

image

I could easily use a modern form of this in my projects. Could really help with the onboarding process!

bohdank1995 commented 1 year ago

Agree, this component is quite 'popular' and very useful to use from UX perspective. So I would like to have it Reshaped too!

blvdmitry commented 1 year ago

Agree, and it shouldn't be hard to make it composable and work with other components. We have the long waited ButtonGroup and Table prioritised first and I'll make sure we have this one added to the backlog for the releases coming after those

X86-7 commented 1 year ago

Awesome, was worried this one got lost in the list 😄😄

its-monotype commented 1 year ago

The Wizard component is the alternative name to the Steps and Stepper component? If so, I really like that implementation https://saas-ui.dev/docs/components/navigation/stepper, https://mui.com/material-ui/react-stepper/, https://github.com/shadcn-ui/ui/pull/318

blvdmitry commented 1 year ago

Yes, it is. I don't think it will ship with this name and I just keep the issue title, while most of the systems call it either Stepper or Navigation progress. In terms of design – I think it will be closer to the saas-ui but aligned with other Reshaped components. Planning to include it into the release coming after the next one

blvdmitry commented 1 year ago

Got the first version working, which is very basic atm. While I'm polishing the details, writing tests, docs, etc. – are there any specific features you would like it to have supported? I'll make sure to include those either in the component itself or as documentation examples

Image

X86-7 commented 1 year ago

Oh beautiful! I think having subtitles, maybe the ability to have different variants? (Borders around the current one) Perhaps a vertical one in addition to horizontal?

blvdmitry commented 1 year ago

For the vertical one, would you expect it to be like in MUI with content that gets collapsed or the "mantine" approach where it's just the steps displayed vertically?

X86-7 commented 1 year ago

I really like the collapsible approach. Keeps it nice and neat for smaller screens/busier sections.

blvdmitry commented 1 year ago

Not the final version yet, but I think it's getting close 🙂

https://github.com/formaat-design/reshaped/assets/887379/657bb3ba-e690-49a2-b56b-5873a70a1b55

blvdmitry commented 1 year ago

Finally done with both code and design, shipping in 2.5.0 on Monday :) Thanks for following up on this 🙌