2019-07-12 23:45:36 +02:00
|
|
|
import {
|
|
|
|
Section,
|
|
|
|
Title,
|
|
|
|
Field,
|
|
|
|
Label,
|
|
|
|
Control,
|
|
|
|
Input,
|
|
|
|
Textarea,
|
2019-11-11 04:24:53 +01:00
|
|
|
Button,
|
2019-07-12 23:45:36 +02:00
|
|
|
} from 'rbx'
|
|
|
|
import Layout from '../components/Layout'
|
|
|
|
|
|
|
|
const ContactPage = () => (
|
|
|
|
<Layout>
|
|
|
|
<Section>
|
2019-11-11 04:24:53 +01:00
|
|
|
<Title as="h2">Contact Form Example</Title>
|
2019-07-12 23:45:36 +02:00
|
|
|
<Field>
|
|
|
|
<Label>Name</Label>
|
|
|
|
<Control>
|
2019-11-11 04:24:53 +01:00
|
|
|
<Input type="text" name="name" placeholder="your name" />
|
2019-07-12 23:45:36 +02:00
|
|
|
</Control>
|
|
|
|
</Field>
|
|
|
|
<Field>
|
|
|
|
<Label>Email</Label>
|
|
|
|
<Control>
|
2019-11-11 04:24:53 +01:00
|
|
|
<Input type="email" name="email" placeholder="your email" />
|
2019-07-12 23:45:36 +02:00
|
|
|
</Control>
|
|
|
|
</Field>
|
|
|
|
<Field>
|
|
|
|
<Label>Subject</Label>
|
|
|
|
<Control>
|
2019-11-11 04:24:53 +01:00
|
|
|
<Input type="text" name="subject" placeholder="your subject" />
|
2019-07-12 23:45:36 +02:00
|
|
|
</Control>
|
|
|
|
</Field>
|
|
|
|
<Field>
|
|
|
|
<Label>Message</Label>
|
|
|
|
<Control>
|
2019-11-11 04:24:53 +01:00
|
|
|
<Textarea name="message" rows={10} placeholder="your message" />
|
2019-07-12 23:45:36 +02:00
|
|
|
</Control>
|
|
|
|
</Field>
|
2019-11-11 04:24:53 +01:00
|
|
|
<Button.Group align="right">
|
|
|
|
<Button color="primary" key="submit">
|
2019-07-12 23:45:36 +02:00
|
|
|
Submit
|
|
|
|
</Button>
|
|
|
|
</Button.Group>
|
|
|
|
</Section>
|
|
|
|
</Layout>
|
|
|
|
)
|
|
|
|
|
|
|
|
export default ContactPage
|