add: add info

.storybook/webpack.config.js

@@ -49,16 +49,21 @@ module.exports = ({ config }) => {
   config.module.rules.push({
     test: /\.(ts|tsx)$/,
     use: [
+      // Optional
+      {
+        loader: require.resolve("react-docgen-typescript-loader"),
+        options: {
+          // Provide the path to your tsconfig.json so that your stories can
+          // display types from outside each individual story.
+          tsconfigPath: path.resolve(__dirname, "../tsconfig.json"),
+        },
+      },
       {
         loader: require.resolve('babel-loader'),
         options: {
           presets: [['react-app', { flow: false, typescript: true }]],
         }
       },
-      // Optional
-      {
-        loader: require.resolve("react-docgen-typescript-loader")
-      },
     ]
   });
   config.resolve.extensions.push(".ts", ".tsx");

stories/comment.stories.jsx

@@ -1,8 +1,12 @@
 import React from 'react';
+import { withInfo } from "@storybook/addon-info";
 import CommentDemo from '@/components/comment/demo';
 
 export default {
   title: 'Comment',
+  decorators: [
+    withInfo,
+  ]
 };
 
 export const comment = () => {