Request to add Stepper component

What’s everyone’s thoughts on including a Stepper component and whether that would be a consideration? I believe it’s quite a common use case for multi-step forms / wizards, and having a built in solution would be great.

I recently had to implement one in a project I was working on, and would be happy to have a go at implementing it, but would like to use this thread as an opportunity to discuss the potential API and how it would work?

Currently how I have set mine up is to simply pass the “steps” as children of the stepper component and then handle the logic the split them into their respective steps inside the Stepper component, so usage would look something like this:

<Stepper activeStep={step}>
  <H5>Step 1 Content</H5>
  <H5>Step 2 Content</H5>
  <H5>Step 3 Content</H5>
  <H5>Step 4 Content</H5>
</Stepper>

The above would render this:

This would give the user total control over what gets rendered as well as incrementing / decrementing the current active step, although I’m open to suggestions as to alternatives. I’m also not sure about wai-aria specifications for Steppers / wizards (or if there are any) so any help there would be much appreciated.

Look forward to hearing your thoughts!

[jeanverster]

For anyone that happens to come across this, I have recently published a standalone steps component designed to work with Chakra UI if anyone’s interested 🙂

https://github.com/jeanverster/chakra-ui-steps

[with-heart]

Thanks for the idea @jeanverster but I’m going to close this issue as part of our backlog cleanup as we have no plans to implement something like this soon.