Package Exports

@haribhandari/react-step

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@haribhandari/react-step) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@haribhandari/react-step

A React Component to quicky generate a multi-step form

Demo

See Live Demo here

Demo Link

Add your Brand Colors

Link

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