doc[menu]: make ArgsTable in Story scope

eizyc · Mar 14, 2024 · 4865b46 · 4865b46
1 parent c3438d2
commit 4865b46
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 13 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -19,8 +19,7 @@ const config: StorybookConfig = {
     },
   },
   docs: {
-    // autodocs: "tag",
-    autodocs: true
+    autodocs: "tag",
   },
   staticDirs: ["../public"],
   features: {

diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -1,5 +1,4 @@
 import type { Preview } from "@storybook/react";
-import { Title, Subtitle, Description, Primary, ArgsTable, Stories } from '@storybook/blocks';
 import React from "react";
 import "../src/styles/index.scss"
 import { library } from '@fortawesome/fontawesome-svg-core';
@@ -39,16 +38,6 @@ const preview: Preview = {
         },
         format: true
       },
-      page: () => (
-        <>
-          <Title />
-          <Subtitle />
-          <Description />
-          <Primary />
-          <ArgsTable />
-          <Stories />
-        </>
-      ),
     },
     playground: {
       storyId: "playground",

diff --git a/src/components/Menu/menu.stories.tsx b/src/components/Menu/menu.stories.tsx
@@ -1,4 +1,5 @@
 import { action } from '@storybook/addon-actions'
+import { Title, Subtitle, Description, Primary, ArgsTable, Stories } from '@storybook/blocks';
 import type { Meta, StoryObj } from '@storybook/react'
 import Menu from './menu'
 import MenuItem from './menuItem'
@@ -104,6 +105,22 @@ const meta:Meta<typeof Menu> = {
     // @ts-ignore
     SubMenu
   },
+  parameters: {
+    docs: {
+      page: () => {
+        return (
+          <>
+            <Title />
+            <Subtitle />
+            <Description />
+            <Primary />
+            <ArgsTable />
+            <Stories />
+          </>
+        )
+      },
+    }
+  },
   tags: ['autodocs'],
 };