ezrafayet / use-wizard

A React.js hook to manage multi-paths, multi-steps wizards

Hi everyone !

My passion lies in tackling challenging projects, continually pushing myself to effectively expand my skill set. I am pretty hardcore at what I do and I'm always eager to take on challenges and collaborate with like-minded professionals who share my dedication, in a very positive, opened and supportive atmosphere of course. Feel free to reach out!

Check out some books, articles, websites I have gathered over the years, you might enjoy them as well: Check out

Let's connect

The work pinned on my GitHub is 100% original, unless it is a fork.

use-wizard's Issues

Linear string wizard need jumpStep('wizardName')

Need Nested Wizard implementation or documentation

Nested wizard implementation seems to be confusing, Please provide documentation

[Docs] Show implementation Example

I was able to figure it out but it might be ideal to show a basic implementation of how to use the lib. I made a couple basic mistakes that could be easily mitigated with that.

[Feature] Get Step Number

It would be nice to have the ability to get the step number. The use case is I show a list of steps and a user can go backwards of the steps but not forward. Its possible to use indexOf but it would be nice to have this built in. Happy to do a PR if you are open to it.

  const paths = [
    'welcome',
    'legal',
    'data',
    'terms',
    'org',
    'finish'
  ];
  const [step, wizard] = useWizard(paths);

then later

disabled={paths.indexOf(step as string) < 1}

[Bug] Type of Step

I'm curious why the typescript type of a step is ReactText. Seems like it should be step: number | string.