@haribhandari/react-step

A React Component to quicky generate a multi-step form

Demo

See Live Demo here

Add your Brand Colors

Install

npm install --save @haribhandari/react-step

Usage

import React, { Component } from 'react'

import { MultiStepForm, Step } from '@haribhandari/react-step';

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