Files
StevenandGitHub 4466ba436b chore(examples): use default prettier for examples/templates (#60530)
## Description
This PR ensures that the default prettier config is used for examples
and templates.

This config is compatible with `prettier@3` as well (upgrading prettier
is bigger change that can be a future PR).

## Changes
- Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will
be needed upgrading to prettier@3)
- Added `examples/.prettierrc.json` with default config (this will
change every example)
- Added `packages/create-next-app/templates/.prettierrc.json` with
default config (this will change every template)

## Related

- Fixes #54402
- Closes #54409
2024-01-11 16:01:44 -07:00

51 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;