1.0.1 • Published 3 years ago

@haribhandari/react-step v1.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

@haribhandari/react-step

A React Component to quicky generate a multi-step form

NPM JavaScript Style Guide style: styled-components

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 NametypeDescriptiondefaultrequired
activeStepIntdetermines the active step-YES
accentColorStringaccent color of the stepper#24a19cNO

<Step />

Props

Prop NametypeDescriptiondefaultrequired
labelStringlabel text to be rendered in the top stepper-NO

See the example code here

License

MIT © harshtomar6