Skip to content
This repository has been archived by the owner on May 15, 2021. It is now read-only.

Commit

Permalink
📦 NEW: added Form component
Browse files Browse the repository at this point in the history
  • Loading branch information
sophiabrandt committed Sep 13, 2019
1 parent 3fa3199 commit 632547a
Show file tree
Hide file tree
Showing 4 changed files with 96 additions and 5 deletions.
5 changes: 2 additions & 3 deletions src/App.bs.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 1 addition & 2 deletions src/App.re
Original file line number Diff line number Diff line change
@@ -1,3 +1,2 @@
[@react.component]
let make = () =>
<div className="App"> {"Hello World" |> ReasonReact.string} </div>;
let make = () => <Form />;
53 changes: 53 additions & 0 deletions src/Form.bs.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

40 changes: 40 additions & 0 deletions src/Form.re
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
let str = ReasonReact.string;

[@react.component]
let make = () =>
<div className="section is-fullheight">
<div className="container">
<div className="column is-4 is-offset-4">
<div className="box">
<form>
<div className="field">
<label className="label"> {"Email Address" |> str} </label>
<div className="control">
<input
className="input"
type_="email"
name="email"
required=true
/>
</div>
</div>
<div className="field">
<label className="label"> {"Password" |> str} </label>
<div className="control">
<input
className="input"
type_="password"
name="password"
required=true
/>
</div>
</div>
<button
type_="submit" className="button is-block is-info is-fullwidth">
{"Login" |> str}
</button>
</form>
</div>
</div>
</div>
</div>;

0 comments on commit 632547a

Please sign in to comment.