docs(Toggle): allow LiveEdit

mondaycom · Apr 22, 2024 · 0cb609e · 0cb609e
1 parent 373ef2d
commit 0cb609e
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 4 deletions.
diff --git a/packages/core/src/components/Toggle/__stories__/toggle.mdx b/packages/core/src/components/Toggle/__stories__/toggle.mdx
@@ -1,4 +1,4 @@
-import { Canvas, Meta } from "@storybook/blocks";
+import { Meta } from "@storybook/blocks";
 import Toggle from "../Toggle";
 import {
   BUTTON_GROUP,

diff --git a/packages/core/src/components/Toggle/__stories__/toggle.stories.tsx b/packages/core/src/components/Toggle/__stories__/toggle.stories.tsx
@@ -3,6 +3,7 @@ import Toggle from "../Toggle";
 import { createStoryMetaSettingsDecorator } from "../../../storybook";
 import "./toggle.stories.scss";
 import { Meta, StoryObj } from "@storybook/react";
+import { Check, CloseSmall, Email } from "../../Icon/Icons";
 
 type Story = StoryObj<typeof Toggle>;
 
@@ -23,7 +24,14 @@ export default {
 const toggleTemplate = createComponentTemplate(Toggle);
 
 export const Overview: Story = {
-  render: toggleTemplate.bind({})
+  render: toggleTemplate.bind({}),
+  parameters: {
+    docs: {
+      liveEdit: {
+        isEnabled: false
+      }
+    }
+  }
 };
 
 export const States: Story = {
@@ -32,7 +40,14 @@ export const States: Story = {
       <Toggle isDefaultSelected={false} />
       <Toggle />
     </MultipleStoryElementsWrapper>
-  )
+  ),
+  parameters: {
+    docs: {
+      liveEdit: {
+        scope: { MultipleStoryElementsWrapper }
+      }
+    }
+  }
 };
 
 export const Disabled: Story = {
@@ -41,7 +56,14 @@ export const Disabled: Story = {
       <Toggle isDefaultSelected={false} disabled />
       <Toggle disabled />
     </MultipleStoryElementsWrapper>
-  )
+  ),
+  parameters: {
+    docs: {
+      liveEdit: {
+        scope: { MultipleStoryElementsWrapper }
+      }
+    }
+  }
 };
 
 export const TurnOnOffAnAutomation: Story = {