Add minimal typescript example to official-storybook (#9308)

Add minimal typescript example to official-storybook

examples/official-storybook/components/TsButton.tsx

@@ -0,0 +1,26 @@
+import React, { FunctionComponent } from 'react';
+
+export type Type = 'default' | 'action';
+
+interface Props {
+  /**
+   * Click event handler
+   * @default null
+   */
+  onClick?: () => void;
+
+  /**
+   * Button type yo
+   */
+  type?: Type;
+}
+
+const Button: FunctionComponent<Props> = ({ children, type = 'default', onClick }) => {
+  return (
+    <button type="button" onClick={onClick}>
+      {type}: {children}
+    </button>
+  );
+};
+
+export default Button;

examples/official-storybook/stories/addon-docs/ts-button.stories.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { action } from '@storybook/addon-actions';
+import { radios } from '@storybook/addon-knobs';
+import Button, { Type } from '../../components/TsButton';
+
+export default {
+  title: 'Addons/Docs/TsButton',
+  component: Button,
+};
+
+type Story = () => any;
+
+export const SimpleButton: Story = () => {
+  const x = 0;
+  return <Button onClick={action('button clicked')}>OK {x}</Button>;
+};
+
+const typeOptions = {
+  Default: 'default',
+  Action: 'action',
+};
+
+export const WithType = () => (
+  <Button type={radios('Type', typeOptions, typeOptions.Default) as Type}>Label</Button>
+);