# multistep-by-nikhil

> multistep

Latest version **6.8.7** (published 2022-06-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install multistep-by-nikhil
pnpm add multistep-by-nikhil
yarn add multistep-by-nikhil
bun add multistep-by-nikhil
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 6.8.7 |
| Published | 2022-06-28 |
| First published | 2022-06-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 13.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | nikhil |
| Maintainers | nikhilrana2004 |
| Keywords | nikhil, react |

## Links

- npm: https://www.npmjs.com/package/multistep-by-nikhil
- Repository: https://github.com/Nikkrana28/react-multistep
- Issues: https://github.com/Nikkrana28/react-multistep/issues
- npm.io page: https://npm.io/package/multistep-by-nikhil

## Dependencies (1)

- [goober](https://npm.io/package/goober.md) ^2.1.10

## Recent versions

- 6.8.7 (latest) — 2022-06-28
- 6.7.7 — 2022-06-28
- 6.6.7 — 2022-06-28
- 6.5.7 — 2022-06-28
- 6.4.7 — 2022-06-28
- 6.3.7 — 2022-06-28
- 6.3.6 — 2022-06-28
- 6.3.5 — 2022-06-28
- 6.2.4 — 2022-06-28
- 6.2.1 — 2022-06-22
- 6.2.0 — 2022-06-22
- 6.1.8 — 2022-06-22
- 6.1.6 — 2022-06-22
- 6.1.5 — 2022-06-22
- 6.1.4 — 2022-06-22
- … 3 more at https://npm.io/package/multistep-by-nikhil/versions

## README

# Responsive React multistep form component


<img width="60%" height="auto" src="https://raw.githubusercontent.com/srdjan/react-multistep/master/assets/react-multistep.png"/>


#### Take it for a spin [here](http://srdjan.github.io/react-multistep/)
#
or, install it from [NPM](https://nodei.co/npm/react-multistep/)

#### React 17.0.2, ESBUILD

#### [List of forks](https://github.com/srdjan/react-multistep/network/members/)
# 
#### 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 are visable (default = true)
- 'prevStyle' & 'nextStyle': control style of the navigation buttons
- 'activeStep': define a start step, when not desired to start at the beggining 
- 'steps': a required Prop, it takes an array of objects representing individual steps: 

```javascript
const steps = [
              {name: 'StepOne', component: <StepOne/>},
              {name: 'StepTwo', component: <StepTwo/>},
              {name: 'StepThree', component: <StepThree/>},
              {name: 'StepFour', component: <StepFour/>}
            ];
<Multistep activeStep={1} showNavigation={true} steps={steps}/>
```

#### If you want to explore try the included example...

1) Start by cloning the repo locally:

```sh
//--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:

```sh
npm install
npm run build 
```

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

```sh
cd ../example
npm install
npm run build
npm start
```

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

```sh
open index.html
```

---
_Source: https://npm.io/package/multistep-by-nikhil · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._