Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
components/LoginForm.js
import React from 'react'
class LoginForm extends React.Component {
render() {
return (
<section className="section container">
<div className="columns is-centered">
<div className="column is-half">
<form>
<div className="field">
<label className="label">Email</label>
<div className="control">
<input className="input" type="email" name="email" />
</div>
</div>
<div className="field">
<label className="label">Password</label>
<div className="control">
<input className="input" type="password" name="password" />
</div>
</div>
<div className="field is-grouped">
<div className="control">
<button className="button is-link">Submit</button>
</div>
<div className="control">
<button className="button is-text">Cancel</button>
</div>
</div>
</form>
</div>
</div>
</section>
)
}
}
export default LoginForm
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment