feat: change global variable name

RBND-studio · Mar 2, 2024 · 3c12bda · 3c12bda
1 parent 5cb467b
commit 3c12bda
Showing 1 changed file with 24 additions and 4 deletions.
diff --git a/examples/vanilla-js/index.html b/examples/vanilla-js/index.html
@@ -10,10 +10,30 @@
     />
 
     <!-- How you would use Flows in your own code -->
-    <!-- Make sure to lock specific version to avoid braking changes. See docs for more info. -->
-    <script src="https://unpkg.com/@flows/js@latest/dist/index.global.js"></script>
-
-    <script src="index.js"></script>
+    <!-- Make sure to lock specific version to avoid braking changes. Visit https://flows.sh/docs for more info. -->
+    <script defer src="https://unpkg.com/@flows/js@latest/dist/index.global.js"></script>
+    <script>
+flows.init({
+  projectId: "e7d8eb63-7670-4da1-b0e0-d2d3331d108b",
+  flows: [
+    {
+      id: "local-flow",
+      clickElement: "#start-local",
+      steps: [
+        {
+          targetElement: "#start-local",
+          title: "Welcome to FlowsJS!",
+          body: "This is a demo of FlowsJS. Click the button below to continue.",
+        },
+        {
+          title: "This is a modal",
+          body: "This is a modal. It is an useful way to show larger amounts of information with detailed descriptions. For smaller amounts of information, you can use a tooltip. Click the button below to continue.",
+        },
+      ],
+    },
+  ],
+})
+    </script>
   </head>
   <body>
     <div>