mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## 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
78 lines
2.1 KiB
TypeScript
78 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import Link from "next/link";
|
|
import { SmileFilled } from "@ant-design/icons";
|
|
import {
|
|
Button,
|
|
DatePicker,
|
|
Form,
|
|
InputNumber,
|
|
Select,
|
|
Slider,
|
|
Switch,
|
|
ConfigProvider,
|
|
} from "antd";
|
|
import theme from "./themeConfig";
|
|
|
|
const HomePage = () => (
|
|
<ConfigProvider theme={theme}>
|
|
<div style={{ padding: 100, height: "100vh" }}>
|
|
<div className="text-center mb-5">
|
|
<Link href="#" className="logo mr-0">
|
|
<SmileFilled style={{ fontSize: 48 }} />
|
|
</Link>
|
|
<p className="mb-0 mt-3 text-disabled">Welcome to the world !</p>
|
|
</div>
|
|
<div>
|
|
<Form
|
|
layout="horizontal"
|
|
size={"large"}
|
|
labelCol={{ span: 8 }}
|
|
wrapperCol={{ span: 8 }}
|
|
>
|
|
<Form.Item label="Input Number">
|
|
<InputNumber
|
|
min={1}
|
|
max={10}
|
|
style={{ width: 100 }}
|
|
defaultValue={3}
|
|
name="inputNumber"
|
|
/>
|
|
</Form.Item>
|
|
<Form.Item label="Switch">
|
|
<Switch defaultChecked />
|
|
</Form.Item>
|
|
<Form.Item label="Slider">
|
|
<Slider defaultValue={70} />
|
|
</Form.Item>
|
|
<Form.Item label="Select">
|
|
<Select
|
|
defaultValue="lucy"
|
|
style={{ width: 192 }}
|
|
options={[
|
|
{ value: "jack", label: "Jack" },
|
|
{ value: "lucy", label: "Lucy" },
|
|
{ value: "Yiminghe", label: "yiminghe" },
|
|
{ value: "lijianan", label: "lijianan" },
|
|
{ value: "disabled", label: "Disabled", disabled: true },
|
|
]}
|
|
/>
|
|
</Form.Item>
|
|
<Form.Item label="DatePicker">
|
|
<DatePicker showTime />
|
|
</Form.Item>
|
|
<Form.Item style={{ marginTop: 48 }} wrapperCol={{ offset: 8 }}>
|
|
<Button type="primary" htmlType="submit">
|
|
OK
|
|
</Button>
|
|
<Button style={{ marginLeft: 8 }}>Cancel</Button>
|
|
</Form.Item>
|
|
</Form>
|
|
</div>
|
|
</div>
|
|
</ConfigProvider>
|
|
);
|
|
|
|
export default HomePage;
|