JSPM

react-multi-form-dark-blue

1.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 4
  • Score
    100M100P100Q32232F
  • License MIT

A React Component to quicky generate a multi-step form. modified by escoly to change the color and text color

Package Exports

  • react-multi-form-dark-blue
  • react-multi-form-dark-blue/dist/index.js
  • react-multi-form-dark-blue/dist/index.modern.js

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 (react-multi-form-dark-blue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-multi-form

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 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