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
510 Stars 160 Forks MIT License 296 Commits 3 Opened issues

Description

React multistep form component

Services available

!
?

Need anything else?

Contributors list

# 174,161
d3js
CSS
HTML
reactjs
2 commits
# 253,573
Objecti...
reactjs
CSS
React N...
2 commits
# 276,284
CSS
C++
React
reactjs
1 commit
# 478,553
React
JavaScr...
jsx
reactjs
1 commit
# 292,593
Shell
React
jsx
reactjs
1 commit
# 72,116
React N...
markers
mapview
repl
1 commit
# 457,986
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.2

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 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

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.