Responsive React multistep form component

Take it for a spin here

or, install it from NPM

React 17.0.2

List of forks

Instructions

To use this module in your app run:

sh
npm install react-multistep

sh
const MultiStep = import from 'react-multistep'

Component accepts following, optional Props:

• 'showNavigation': controls if the navigation buttons should be visable:

prop=showNavigation 
type: boolean (default = true)

• 'prevStyle' & 'nextStyle': control style of the navigation buttons

Finlly, as required Prop, it takes an array of objects representing individual steps:

const steps = [
              {name: 'StepOne', component: },
              {name: 'StepTwo', component: },
              {name: 'StepThree', component: },
              {name: 'StepFour', component: }
            ];

If you want to explore try the included example...

1) Start by cloning the repo locally:

//--step 1
git clone https://github.com/srdjan/react-multistep.git   //clone the repo
cd react-multistep                                        //navigate to the project folder

2) Next, install dependencies and build the component:

npm install
npm run build 

3) On a succesful build, navigate to the example folder and try it:

cd ../example
npm install
npm run build
npm start

4) Now you can open the example in your favorite browser:

open index.html