diff --git a/ui/pages/send/send-content/send-content.stories.js b/ui/pages/send/send-content/send-content.stories.js
new file mode 100644
index 000000000..345543a76
--- /dev/null
+++ b/ui/pages/send/send-content/send-content.stories.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import { boolean, text } from '@storybook/addon-knobs';
+
+import SendContent from './send-content.component';
+
+export default {
+  title: 'SendContent',
+};
+
+export const SendContentComponent = () => {
+  return (
+    <SendContent
+      showHexData={boolean('Show Hex Data', false)}
+      isOwnedAccount={boolean('Is In Address Book', true)}
+      noGasPrice={boolean('No Gas Price', false)}
+      isEthGasPrice={boolean('Backup Gas Price', false)}
+      gasIsExcessive={boolean('Gas Is Excessive', false)}
+      // Get error and warning message from messages.json
+      error={text('Error', 'connecting')}
+      warning={text('Warning', 'connecting')}
+    />
+  );
+};