guidechimp_two_step_product_tour_quickstart.ts

1import GuideChimp from 'guidechimp';
2import 'guidechimp/dist/guidechimp.min.css';
3
4// Define the tour steps
5const steps = [
6  {
7    element: '#step-1',
8    title: 'Welcome to GuideChimp',
9    description: 'This is the first step of our product tour.',
10  },
11  {
12    element: '#step-2',
13    title: 'Easy Integration',
14    description: 'You can easily integrate GuideChimp into any web application.',
15  },
16];
17
18// Initialize GuideChimp with the defined steps
19const guideChimp = new GuideChimp(steps);
20
21// Start the tour
22guideChimp.start();