Skip to content
React multistep form component
JavaScript CSS HTML
Branch: master
Clone or download
srdjan Merge pull request #56 from srdjan/dependabot/npm_and_yarn/example/se…

Bump serialize-javascript from 1.7.0 to 2.1.1 in /example
Latest commit 1a3b64e Dec 7, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode example reorg Apr 7, 2019
assets added better screenshot Apr 1, 2017
dist updated example Nov 9, 2019
example Bump serialize-javascript from 1.7.0 to 2.1.1 in /example Dec 6, 2019
src updated example Nov 9, 2019
test removed 'todo' comment Jul 11, 2018
.gitignore cleanup Apr 7, 2019 ready to publish as NPM module Jan 20, 2015 updated example Nov 9, 2019

Responsive React multistep form component

Try it here


React 16.11.x

List of forks


To use this module in your app run:

npm install react-multistep

next, import it inside of your app:

const MultiStep = import from ('react-multistep')

Component has only one Prop, 'showNavigation', which controls if the navigation buttons should be visable:

type: boolean (default = true)

It takes an array of objects representing individual steps:

const steps = [
              {name: 'StepOne', component: <StepOne/>},
              {name: 'StepTwo', component: <StepTwo/>},
              {name: 'StepThree', component: <StepThree/>},
              {name: 'StepFour', component: <StepFour/>}
<Multistep showNavigation={true} steps={steps}/>

If you want to try the example, easiest is to clone the repo locally and explore:

git clone   //clone the repo
cd react-multistep                                        //navigate to the project folder

Next, cnavigate to 'src' directory and build the component:

cd src
npm install
npm run build:dev

On succesful build, component is packaged in the './dist' folder. Navigate to the example and build it:

cd ../example
npm install
npm run build:dev

Now you can open the example in your favorite browser:

open index.html
You can’t perform that action at this time.