@logangroup/tours NPM

Paysites Tours React Components

Each Component encapsulate a Tour design/template

TourV4 Component

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

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

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

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;

react-helmet react-lazy-progressive-image react-markdown react-progressive-image

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago