react-walkthrough

Build Status Coverage Status

Simple declarative user walkthroughs and onboarding with React

Example

https://izaaksultan.github.io/react-walkthrough

Installation

npm install react-walkthrough

Usage

import {Walkthrough, Beacon, Modal} from 'react-walkthrough';

class Example extends React.Component {
    render() {
        return (
            <Walkthrough>
                <div>
                    <h1>Walkthrough Example</h1>
                    <Beacon id="first-button" title="The first button" description="This is the first button">
                        <button>First Button</button>
                    </Beacon>
                    <Beacon id="second-button" requires={['first-button']} title="The second button" description="This is the second button">
                        <button>Second Button</button>
                    </Beacon>
                </div>
            </Walkthrough>
        )
    }
}