JSPM

react-custom-wizard

1.0.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 64
  • Score
    100M100P100Q52467F
  • License ISC

A multistep form component for react

Package Exports

  • react-custom-wizard

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-custom-wizard) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react custom wizard

React easy wizard is multistep from throw a bunch of react components at it (data forms, text / html components etc) and it will take the user through those components in steps. Access provides several quick-create form tools on the Create tab, each of which lets you create a form with a single click. However, if you want to be more selective about what fields appear on the form, you can use the Form Wizard instead.

How to use

  • run
npm install --save react-easy-wizard
  • require into your project via
var ReactCostumWizard = require('react-easy-wizard')
  • define the list of all the components* you want to step through. The title indicates the title of the UI step and component.
const steps =
    [
      {title: 'Step 1', component: Step1},
      {title: 'Step 2', component: Step2},
      {title: 'Step 3', component: Step3},
      {title: 'Step 4', component: Step4},
      {title: 'Step 5', component: Step5}
    ]
  • and now render it out somewhere in your app
    <div>
        <ReactCostumWizard steps={steps}/>
    </div>