ionic-react-guided-tour

Guided Tour in Ionic-React

Dependency

Reactour

Install in Your Project

npm i -S reactour
npm i -S styled-components@^4.0.0

Install type definitions if required

npm i -S @types/reactour
npm i -S @types/styled-components@^4.0.0

Documentation

Follow Reactour's doc

Usage

If you need to reset Tour step after closing, write it like this

{
    tourOpen &&
    <Tour
    steps={steps}
    isOpen={tourOpen}
    onRequestClose={() => setTourOpen(false)}
    />
}