diff --git a/ui/pages/create-account/connect-hardware/select-hardware.stories.js b/ui/pages/create-account/connect-hardware/select-hardware.stories.js
new file mode 100644
index 000000000..2748c87ad
--- /dev/null
+++ b/ui/pages/create-account/connect-hardware/select-hardware.stories.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import SelectHardware from './select-hardware';
+
+export default {
+  title: 'Connect Hardware Wallet',
+  id: __filename,
+};
+
+export const SelectHardwareComponent = () => {
+  return (
+    <SelectHardware
+      browserSupported
+      connectToHardwareWallet={(selectedDevice) =>
+        action(`Continue connect to ${selectedDevice}`)()
+      }
+      useLedgerLive
+    />
+  );
+};
+export const BrowserNotSupported = () => {
+  return (
+    <SelectHardware
+      browserSupported={false}
+      connectToHardwareWallet={() => undefined}
+      useLedgerLive
+    />
+  );
+};