react-router-wizard

A React container for assembling components into a wizard interface. Works with react-router.

Installation

Install with npm (or yarn).

npm install react-wizard --save

Usage

import React, { Component } from 'react';
import { HashRouter } from 'react-router-dom';
import Wizard, { Step } from 'react-router-wizard';

export default class App extends Component {
  render() {
    return (
      <HashRouter>
        <Wizard>
          <Step>
            <h1>Welcome to Step 1</h1>
          </Step>
          <Step>
            <h1>Welcome to Step 2</h1>
          </Step>
          <Step>
            <h1>Welcome to Step 3</h1>
          </Step>
        </Wizard>
      </HashRouter>
    );
  }
}

License

MIT. Copyright (c) 2017 Jonathan Conway.