Merge pull request #161 from voyagegroup/apply_office-ui-fabric

First example of office-ui-fabric

src/public/view/SigninView.tsx

@@ -1,27 +1,28 @@
 import * as React from 'react';
+import { Button, TextField } from 'office-ui-fabric-react';
 
 export interface SigninViewProps {}
 
 export function SigninView(_: SigninViewProps): JSX.Element {
     return (
-        <div>
-            <form>
-                <div>
-                    <label>
-                        {'メールアドレス'}
-                        <input type='email' required />
-                    </label>
+        <div className='ms-Grid'>
+            <div className='ms-Grid-row'>
+                <div className='ms-Grid-col ms-u-sm4'></div>
+                <div className='ms-Grid-col ms-u-sm4'>
+                    <form>
+                        <div>
+                            <TextField label='メールアドレス' type='email' required={true} />
+                        </div>
+                        <div>
+                            <TextField label='パスワード' type='password' required={true} />
+                        </div>
+                        <div className='ms-u-textAlignCenter'>
+                            <Button>{'ログイン'}</Button>
+                        </div>
+                    </form>
                 </div>
-                <div>
-                    <label>
-                        {'パスワード'}
-                        <input type='password' required />
-                    </label>
-                </div>
-                <div>
-                    <button>{'ログイン'}</button>
-                </div>
-            </form>
+                <div className='ms-Grid-col ms-u-sm4'></div>
+            </div>
         </div>
     );
 }