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.

get started

npm install --save react-easy-wizard

Import package form react custom wizard

     import CustomWizard from 'react-custom-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

    render() {
            return(
                <CustomWizard steps={this.state.steps}/>
            );
           }