Update, built Contact Page
This commit is contained in:
41
public/components/forms/ContactForm.jsx
Normal file
41
public/components/forms/ContactForm.jsx
Normal file
@ -0,0 +1,41 @@
|
||||
/*
|
||||
* Contact Form
|
||||
* Contact form.
|
||||
*
|
||||
* Version:
|
||||
* 1.0.0 - 2018/03/06
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
|
||||
import { Form, InputGroup, TextInput } from './Form';
|
||||
import Button from './../components/Button';
|
||||
|
||||
class ContactForm extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<Form className={this.props.className}>
|
||||
<InputGroup title="Name">
|
||||
<TextInput placeholder="Enter your name." />
|
||||
</InputGroup>
|
||||
|
||||
<InputGroup title="Email">
|
||||
<TextInput type="email" placeholder="Enter your email address." />
|
||||
</InputGroup>
|
||||
|
||||
<InputGroup title="Message">
|
||||
<TextInput multiline placeholder="Enter your message here." />
|
||||
</InputGroup>
|
||||
|
||||
<Button to="/">Home</Button>
|
||||
<Button submit>Contact</Button>
|
||||
</Form>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default ContactForm;
|
Reference in New Issue
Block a user