Merge pull request #1623 from jribeiro/info-docgen

Add flowtype example again

examples/cra-kitchen-sink/src/components/FlowTypeButton.js

@@ -0,0 +1,24 @@
+// @flow
+import React from 'react';
+
+type PropsType = {
+  /** The text to be rendered in the button */
+  label: string,
+  /** Function to be called when the button is clicked */
+  onClick?: Function,
+  /** Boolean representing wether the button is disabled */
+  disabled?: boolean,
+};
+
+/** Flow type button description */
+const FlowTypeButton = ({ label, onClick, disabled }: PropsType) =>
+  <button onClick={onClick} disabled={disabled}>
+    {label}
+  </button>;
+
+FlowTypeButton.defaultProps = {
+  disabled: false,
+  onClick: () => {},
+};
+
+export default FlowTypeButton;

examples/cra-kitchen-sink/src/stories/index.js

@@ -27,6 +27,7 @@ import App from '../App';
 import Logger from './Logger';
 import Container from './Container';
 import DocgenButton from '../components/DocgenButton';
+import FlowTypeButton from '../components/FlowTypeButton';
 
 const EVENTS = {
   TEST_EVENT_1: 'test-event-1',
@@ -167,6 +168,13 @@ storiesOf('AddonInfo.DocgenButton', module).addWithInfo('DocgenButton', 'Some De
   <DocgenButton onClick={action('clicked')} label="Docgen Button" />
 );
 
+storiesOf(
+  'AddonInfo.FlowTypeButton',
+  module
+).addWithInfo('FlowTypeButton', 'Some Description', () =>
+  <FlowTypeButton onClick={action('clicked')} label="Flow Typed Button" />
+);
+
 storiesOf('App', module).add('full app', () => <App />);
 
 storiesOf('Some really long story kind description', module)