Skip to content
React multistep form component
Branch: master
Clone or download
Latest commit 3bcd135 Apr 15, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode example reorg Apr 7, 2019
assets
dist working Apr 15, 2019
example working Apr 15, 2019
src working Apr 15, 2019
test removed 'todo' comment Jul 11, 2018
.gitignore cleanup Apr 7, 2019
LICENSE.md ready to publish as NPM module Jan 20, 2015
README.md Update README.md Apr 8, 2019

README.md

Responsive React multistep form component

Try it here

NPM

React 16.8.x (Hooks! :)

List of forks

Instructions

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:

prop=showNavigation 
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 https://github.com/srdjan/react-multistep.git   //clone the repo
cd react-multistep                                        //navigate to the project folder

cd src
npm install
npm run dev

cd ../example
npm install
npm run dev

To open the example in your favorite browser:

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