ant-design/components/form/demo/component-token.tsx
二货爱吃白萝卜 bf265c0efe
docs: fix some doc and lint issue (#48982)
* chore: fix dumi lint

* test: update snapshot
2024-05-20 14:26:51 +08:00

49 lines
1.1 KiB
TypeScript

import React from 'react';
import { ConfigProvider, Form, Input } from 'antd';
const App: React.FC = () => (
<ConfigProvider
theme={{
components: {
Form: {
labelRequiredMarkColor: 'pink',
labelColor: 'green',
labelFontSize: 16,
labelHeight: 34,
labelColonMarginInlineStart: 4,
labelColonMarginInlineEnd: 12,
itemMarginBottom: 18,
inlineItemMarginBottom: 18,
},
},
}}
>
<Form
name="component-token"
labelCol={{ span: 8 }}
wrapperCol={{ span: 16 }}
style={{ maxWidth: 600 }}
initialValues={{ remember: true }}
autoComplete="off"
>
<Form.Item
label="Username"
name="username"
rules={[{ required: true, message: 'Please input your username!' }]}
>
<Input />
</Form.Item>
<Form.Item
label="Password"
name="password"
rules={[{ required: true, message: 'Please input your password!' }]}
>
<Input.Password />
</Form.Item>
</Form>
</ConfigProvider>
);
export default App;