react-multi-form

A React Component to quicky generate a multi-step form

Demo

See Live Demo here

Add your Brand Colors

Install

npm install --save react-multi-form

Usage

import React, { Component } from 'react'
 
import { MultiStepForm, Step } from 'react-multi-form';
 
class Example extends Component {
  render() {
    return (
      <MutliStep activeStep={1}>
        <Step label="one">
          <p>One</p>
        </Step>
        <Step label="Two">
          <p>Two</p>
        </Step>
        <Step label="Three">
          <p>Three</p>
        </Step>
      </MultiStep>
    )
  }
}

Documentation

This package exports two components <MultiStepForm /> and <Step />.

<MultiStepForm />

Props

Prop Name	type	Description	default	required
activeStep	Int	determines the active step	-	YES
accentColor	String	accent color of the stepper	#24a19c	NO

<Step />

Props

Prop Name	type	Description	default	required
label	String	label text to be rendered in the top stepper	-	NO

See the example code here

License

MIT © harshtomar6