diff --git a/ui/pages/send/send-footer/send-footer.stories.js b/ui/pages/send/send-footer/send-footer.stories.js
new file mode 100644
index 000000000..28b8c0804
--- /dev/null
+++ b/ui/pages/send/send-footer/send-footer.stories.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import { boolean } from '@storybook/addon-knobs';
+
+import SendFooter from './send-footer.component';
+
+export default {
+  title: 'SendFooter',
+};
+
+export const SendFooterComponent = () => {
+  const disabled = boolean('Disabled', false);
+  return (
+    <SendFooter
+      clearSend={() => action('Cancel Button Pressed')()}
+      sign={() => action('Next Button Pressed')()}
+      // The other props below are only to make the component show no error
+      from={{ address: '' }}
+      history={{ push: () => undefined }}
+      addToAddressBookIfNew={() => undefined}
+      disabled={disabled}
+      mostRecentOverviewPage=""
+      resetSendState={() => undefined}
+      sendErrors={{}}
+    />
+  );
+};