React component that help you create nice step-by-step intros.
npm install react-tour --save
var ReactTour = require('react-tour');
// [...]
var ReactTourConfig = [{
node: React.findDOMNode(this.refs.step1),
text: 'This is the step 1'
}, {
node: React.findDOMNode(this.refs.step2),
text: 'This is the step 2'
}, {
node: React.findDOMNode(this.refs.step3),
text: 'This is the step 3'
}];
// [...]
<ReactTour
config={ReactTourConfig}
currentStep={<integer>}
visible={<bool>}
showDots={<bool>} />
@import url(node_modules/react-tour/dist/style.css);
config: An array that contain the steps of the tour. Each step can have anodeandtextproperties that contains the dom node to focus and the help text to display.currentStep: Integer. The current step to display.showDots: Bool. Show progress dots?visible: Bool. Is the component visible?