Wizard 🔮

Lightweight, multi-step flow-control for React and React Native.

Installation

npm install @uptimeventures/react-wizard

Usage

import React from 'react'
import Wizard, { Content, Navigation } from '@uptimeventures/react-wizard'

const App = () =>
  <Wizard
    steps={[
      { scene: 'welcome', component: () => <h2>Welcome</h2> },
      () => <h2>Step Two</h2>
    ]}
    component={() =>
      <div>
        <h1>Wizard</h1>
        <Content/>
        <Navigation
          render={({ prev, next }) =>
            <div>
              <button onClick={prev}>Previous</button>
              <button onClick={next}>Next</button>
            </div>
          }
        />
      </div>
    }
  />

License

© 2017 Uptime Ventures, Ltd. All rights reserved. Released under the 3-Clause BSD License.