react-multistep

by srdjan

React multistep form component

453 Stars 128 Forks Last release: 2 months ago (v5.1.0) MIT License 270 Commits 6 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Responsive React multistep form component

Try it here

NPM

React 16.13.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.