docs: add playground addon for vibe's storybook (#1837)

Co-authored-by: Tal Koren <talko@monday.com>
mondaycom · Dec 20, 2023 · 846a8f1 · 846a8f1
1 parent a657562
commit 846a8f1
Show file tree

Hide file tree

Showing 5 changed files with 1,627 additions and 17 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -16,7 +16,8 @@ const getAddons = () => {
     {
       name: "@storybook/addon-styling-webpack",
       options: storybookAddonStylingWebpackOptions
-    }
+    },
+    "storybook-addon-playground"
   ];
 
   if (process.env.NODE_ENV !== "production") {

diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -1,4 +1,6 @@
 import React from "react";
+import * as VibeComponents from "../src/components/index";
+import * as VibeIcons from "../src/components/Icon/Icons/index";
 import { Preview } from "@storybook/react";
 import isChromatic from "chromatic/isChromatic";
 import { DocsContainer, DocsPage, Unstyled } from "@storybook/blocks";
@@ -93,6 +95,10 @@ const preview: Preview = {
           "Hooks"
         ]
       }
+    },
+    playground: {
+      playgroundStoryId: "playground",
+      components: { ...VibeComponents, VibeIcons }
     }
   },
   decorators: [