From 0301b33a48fea3c345e2e49fa53693856770a254 Mon Sep 17 00:00:00 2001
From: Alexander Tseung <alextsg@gmail.com>
Date: Thu, 10 May 2018 19:23:44 -0700
Subject: Add TextField component to storybook

---
 .../pages/unlock-page/unlock-page.component.js     |  1 -
 .../components/pages/unlock-page/unlock-page.scss  |  2 +-
 ui/app/components/text-field/text-field.stories.js | 24 ++++++++++++++++++++++
 3 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 ui/app/components/text-field/text-field.stories.js

diff --git a/ui/app/components/pages/unlock-page/unlock-page.component.js b/ui/app/components/pages/unlock-page/unlock-page.component.js
index e655b2cc3..d5e2a3224 100644
--- a/ui/app/components/pages/unlock-page/unlock-page.component.js
+++ b/ui/app/components/pages/unlock-page/unlock-page.component.js
@@ -128,7 +128,6 @@ class UnlockPage extends Component {
               onChange={event => this.handleInputChange(event)}
               error={error}
               autoFocus
-              margin="normal"
               autoComplete="current-password"
               fullWidth
             />
diff --git a/ui/app/components/pages/unlock-page/unlock-page.scss b/ui/app/components/pages/unlock-page/unlock-page.scss
index 47b6537e7..3d44bd037 100644
--- a/ui/app/components/pages/unlock-page/unlock-page.scss
+++ b/ui/app/components/pages/unlock-page/unlock-page.scss
@@ -29,7 +29,7 @@
 
   &__form {
     width: 100%;
-    margin-top: 40px;
+    margin: 56px 0 8px;
   }
 
   &__links {
diff --git a/ui/app/components/text-field/text-field.stories.js b/ui/app/components/text-field/text-field.stories.js
new file mode 100644
index 000000000..ee3e5faaf
--- /dev/null
+++ b/ui/app/components/text-field/text-field.stories.js
@@ -0,0 +1,24 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import TextField from './'
+
+storiesOf('TextField', module)
+  .add('text', () =>
+    <TextField
+      label="Text"
+      type="text"
+    />
+  )
+  .add('password', () =>
+    <TextField
+      label="Password"
+      type="password"
+    />
+  )
+  .add('error', () =>
+    <TextField
+      type="text"
+      label="Name"
+      error="Invalid value"
+    />
+  )
-- 
cgit