@logangroup/tours
11.9.0 • Public • Published Paysites Tours React Components
Each Component encapsulate a Tour design/template
TourV4 Component
![](https://camo.githubusercontent.com/4b4bc12db4f2b35c00158c46286931a112b0ee4319cfc4078ae9cce55db245d2/68747470733a2f2f696d616765732e636e37376e642e636f6d2f746f75722f646f632f546f757256342e706e67)
Props
Props Name |
Description |
Required |
tour |
Representation of the Tour |
required |
device |
Information about the device |
required |
query |
The query string to be used for tracking/url |
required |
resources |
Collection of resources included in the Tour |
required |
tracking |
Tracking information and join information |
required |
location |
Location information |
required |
preview |
Identify if the component is under preview mode |
Default to false |
TourV7 Component
![](https://camo.githubusercontent.com/0bfeb1f5c990de5fa8f1a0582874441be7d05fdc8854d924430339254b553a14/68747470733a2f2f696d616765732e636e37376e642e636f6d2f746f75722f646f632f546f757256372e706e67)
Props
Props Name |
Description |
Required |
tour |
Representation of the Tour |
required |
device |
Information about the device |
required |
query |
The query string to be used for tracking/url |
required |
resources |
Collection of resources included in the Tour |
required |
tracking |
Tracking information and join information |
required |
location |
Location information |
required |
preview |
Identify if the component is under preview mode |
Default to false |
TourC1 Component [DEPRECATED]
![](https://camo.githubusercontent.com/72d0060a9245eefe960bc43dccd2d4d30e49343384cc9f8d26d7a2d89334fbe6/68747470733a2f2f696d616765732e636e37376e642e636f6d2f746f75722f646f632f546f757243312e706e67)
Props
Props Name |
Description |
Required |
tour |
Representation of the Tour |
required |
device |
Information about the device |
required |
query |
The query string to be used for tracking/url |
required |
resources |
Collection of resources included in the Tour |
required |
tracking |
Tracking information and join information |
required |
location |
Location information |
required |
preview |
Identify if the component is under preview mode |
Default to false |
TourC2 Component [DEPRECATED]
![](https://camo.githubusercontent.com/a27e1a7b4f49e68631e2ff9a9abebd85a5ede998531d2ac770e7888f5b7f5b27/68747470733a2f2f696d616765732e636e37376e642e636f6d2f746f75722f646f632f546f757243322e706e67)
Props
Props Name |
Description |
Required |
tour |
Representation of the Tour |
required |
device |
Information about the device |
required |
query |
The query string to be used for tracking/url |
required |
resources |
Collection of resources included in the Tour |
required |
tracking |
Tracking information and join information |
required |
location |
Location information |
required |
preview |
Identify if the component is under preview mode |
Default to false |
Usage
import React, { Fragment } from 'react';
import { TourV4, TourV7, TourC1 } from '@logangroup/tours';
import { BrowserRouter } from 'react-router-dom';
const state = require('./state');
function App() {
return (
<div>
<Fragment>
<BrowserRouter>
<TourV4 {...state} />
</BrowserRouter>
<BrowserRouter>
<TourV7 {...state} />
</BrowserRouter>
</Fragment>
</div>
);
}
export default App;
/@logangroup/tours/
//
Package Sidebar
Install
Weekly Downloads