diff --git a/examples/cra-kitchen-sink/src/components/FlowTypeButton.js b/examples/cra-kitchen-sink/src/components/FlowTypeButton.js
new file mode 100644
index 000000000000..3ef725f86de1
--- /dev/null
+++ b/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) =>
+ ;
+
+FlowTypeButton.defaultProps = {
+ disabled: false,
+ onClick: () => {},
+};
+
+export default FlowTypeButton;
diff --git a/examples/cra-kitchen-sink/src/stories/index.js b/examples/cra-kitchen-sink/src/stories/index.js
index 5fcf38c0b20c..84d83c160ef1 100644
--- a/examples/cra-kitchen-sink/src/stories/index.js
+++ b/examples/cra-kitchen-sink/src/stories/index.js
@@ -26,6 +26,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',
@@ -150,6 +151,13 @@ storiesOf('AddonInfo.DocgenButton', module).addWithInfo('DocgenButton', 'Some De
);
+storiesOf(
+ 'AddonInfo.FlowTypeButton',
+ module
+).addWithInfo('FlowTypeButton', 'Some Description', () =>
+
+);
+
storiesOf('App', module).add('full app', () => );
storiesOf('Centered Button', module)