0.0.9 โข Published 6 months ago
@jannis6023/tourguidejs v0.0.9
QuickStart
Installation
npm i @sjmc11/tourguidejs
Usage
Include the tourGuide script and style in your project. A CDN method is supported.
// Style
import "@sjmc11/tourguidejs/src/scss/tour.scss"
// JS
import {TourGuideClient} from "@sjmc11/tourguidejs/src/Tour"
Declare steps
Add the data-tg-tour attribute to elements that you want to include in your tour. This attribute should contain the relevant text for the tour guide step.
<div data-tg-tour="Welcome aboard ๐> ... </div>
Create a tour
const tg = new TourGuideClient({} : TourGuideOptions)
Start the tour
tg.start()
TourGuide JS uses Floating-Ui for intelligent dialog positioning
See Floating UI for more information.
0.0.9
6 months ago