Need help with react-multistep?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

srdjan
469 Stars 141 Forks MIT License 277 Commits 2 Opened issues

Description

React multistep form component

Services available

!
?

Need anything else?

Contributors list

# 75,465
React
jsx
reactjs
wizard
217 commits
# 2,704
uber
compass
coffees...
node-js
3 commits
# 167,421
React
d3js
CSS
HTML
2 commits
# 248,948
Objecti...
reactjs
CSS
touchid
2 commits
# 265,304
HTML
C++
React
reactjs
1 commit
# 483,090
React
JavaScr...
jsx
reactjs
1 commit
# 287,763
Shell
React
jsx
reactjs
1 commit
# 68,544
React N...
mapview
repl
Clojure...
1 commit
# 468,228
React
TypeScr...
loading...
reactjs
1 commit

Responsive React multistep form component

Take it for a spin here

or, install it from NPM

React 17.0.1

List of forks

Instructions

To use this module in your app run:

sh
npm install react-multistep
next, import it inside of your app:
sh
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: },
              {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 // (or, `npm run build:prod` for optimized build)

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

cd ../example
npm install
npm start

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

open index.html

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.