MultiRoute Tour Navigator is a React component that extends the functionality of Tour Navigator by providing the ability to create multi-route tours for React websites. It utilizes react-router-dom for navigation between routes and requires Tour Navigator to be installed alongside this package.

To use MultiRoute Tour Navigator, make sure you have react-router-dom and tour-navigator installed in your project:

npm install react-router-dom tour-navigator multiroute-tour-navigator
# or
yarn add react-router-dom tour-navigator multiroute-tour-navigator

Import MultiRouteTour from multiroute-tour-navigator and use it in your React components to define multi-route tours.

import { MultiRouteTour } from 'multiroute-tour-navigator';
import { useHistory } from 'react-router-dom';

const MyComponent = () => {
  const history = useHistory();

  return (
    <MultiRouteTour
      id="my-tour"
      steps={[ /* Array of steps */ ]}
      nextStepRoute="/about"
      nextStepCount={4}
      number={1}
    />
  );
};

MultiRouteTour component accepts props similar to TourNavigator, along with additional props specific to multi-route tours:

This project is licensed under the MIT.