npm install react-tours

react-tour

A react library to build guided tours that encourage users to take action.

Example

``import React from 'react'; import { useGuidedTour, GuidedTourProvider, TourTarget } from 'react-guided-tour';

const TOUR_STEPS = ["first-step", "second-step"];

function Root() { const { finishCurrentStep, startTour } = useGuidedTour();

React.useEffect(() => { startTour(TOUR_STEPS); }, []);

return ( name={TOUR_STEPS[0]} content={

Some step explanation here

}
      >
        
          This is the first step

          
        

      
              name={TOUR_STEPS[1]}
        content={
Some other explanation here
}
      >
        
          This is the other step

          
        

      
    
  );
}

export default () => ( );``

Why?