Showcase your app to new users or explain functionality of new features.
It uses react-floater for positioning and styling. And you can use your own components too.
Open the demo Open GitHub repo
npm i react-joyride
import Joyride from 'react-joyride';export class App extends React.Component {state = {steps: [{target: '.my-first-step',content: 'This is my awesome feature!',},{target: '.my-other-step',content: 'This another awesome feature!',},...]};render () {const { steps } = this.state;return (<div className="app"><Joyridesteps={steps}.../>...</div>);}}
If you need to support legacy browsers you need to include the scrollingelement polyfill.