Clean up react-ts example and addon-essentials for testing

storybookjs · May 18, 2020 · 9346bae · 9346bae
1 parent acf5f25
commit 9346bae
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/examples/react-ts/main.js b/examples/react-ts/main.js
@@ -1,7 +1,9 @@
 module.exports = {
   stories: ['./src/*.stories.*'],
+  addons: ['@storybook/addon-essentials'],
   typescript: {
     check: true,
     checkOptions: {},
+    docgen: 'react-docgen',
   },
 };
diff --git a/examples/react-ts/package.json b/examples/react-ts/package.json
@@ -8,6 +8,7 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll"
   },
   "dependencies": {
+    "@storybook/addon-essentials": "6.0.0-beta.7",
     "@storybook/react": "6.0.0-beta.7",
     "@types/react": "^16.9.35",
     "@types/react-dom": "^16.9.8",

diff --git a/examples/react-ts/src/button.stories.tsx b/examples/react-ts/src/button.stories.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
+import { argsStory } from '@storybook/react';
 import { Button } from './button';
 
-export default { component: Button, title: 'Examples / Button' };
+export default { component: Button, title: 'Examples/Button' };
 
-export const SimpleButton = () => <Button label="Click me" />;
+export const WithArgs = argsStory({ label: 'With args' });
+export const Basic = () => <Button label="Click me" />;
diff --git a/examples/react-ts/src/button.tsx b/examples/react-ts/src/button.tsx
@@ -1,6 +1,9 @@
 import React, { FC, ButtonHTMLAttributes } from 'react';
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * A label to show on the button
+   */
   label: string;
 }