wizard-step-indicator-react

Wizard Step Indicator for React

Storybook:

https://shadiabuhilal.github.io/wizard-step-indicator-react/

---

Default Style:

Custom Style:

Install

npm i wizard-step-indicator-react

---

Usage

import wizard-step-indicator-react

import WizardStepIndicator from 'wizard-step-indicator-react';

Using WizardStepIndicator

WizardStepIndicator comoponent

Example:

const [currentStepIndexState, setCurrentStepIndex] = useState(0);

...

<WizardStepIndicator
    stepsCount={5}
    currentStepIndex={currentStepIndexState}
    onClick={(index)=> { 
        setCurrentStepIndex(index);
    }}
/>

For more info, please check storybook