18a9c7e371
* Update `packages/` * Update examples * Update tests * Update bench * Update top level files * Fix build * trigger
50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
import {
|
|
Section,
|
|
Title,
|
|
Field,
|
|
Label,
|
|
Control,
|
|
Input,
|
|
Textarea,
|
|
Button,
|
|
} from 'rbx'
|
|
import Layout from '../components/Layout'
|
|
|
|
const ContactPage = () => (
|
|
<Layout>
|
|
<Section>
|
|
<Title as="h2">Contact Form Example</Title>
|
|
<Field>
|
|
<Label>Name</Label>
|
|
<Control>
|
|
<Input type="text" name="name" placeholder="your name" />
|
|
</Control>
|
|
</Field>
|
|
<Field>
|
|
<Label>Email</Label>
|
|
<Control>
|
|
<Input type="email" name="email" placeholder="your email" />
|
|
</Control>
|
|
</Field>
|
|
<Field>
|
|
<Label>Subject</Label>
|
|
<Control>
|
|
<Input type="text" name="subject" placeholder="your subject" />
|
|
</Control>
|
|
</Field>
|
|
<Field>
|
|
<Label>Message</Label>
|
|
<Control>
|
|
<Textarea name="message" rows={10} placeholder="your message" />
|
|
</Control>
|
|
</Field>
|
|
<Button.Group align="right">
|
|
<Button color="primary" key="submit">
|
|
Submit
|
|
</Button>
|
|
</Button.Group>
|
|
</Section>
|
|
</Layout>
|
|
)
|
|
|
|
export default ContactPage
|