ant-design/components/form/demo/layout-can-wrap.tsx
Zhou Fang 78714e01c4
demo: translate chinese to english (#43234)
* Updated language in layout-can-wrap.tsx

* Updated language in draggable.tsx

* Updated language in drag-debug.tsx

* Updated language in tree/demo/draggable.tsx

* Updated jest snapshots for form

---------

Co-authored-by: Zhou Fang <zhfaxb@syntronic.com>
2023-06-29 23:57:39 +08:00

31 lines
675 B
TypeScript

import React from 'react';
import { Button, Form, Input } from 'antd';
const App: React.FC = () => (
<Form
name="wrap"
labelCol={{ flex: '110px' }}
labelAlign="left"
labelWrap
wrapperCol={{ flex: 1 }}
colon={false}
style={{ maxWidth: 600 }}
>
<Form.Item label="Normal label" name="username" rules={[{ required: true }]}>
<Input />
</Form.Item>
<Form.Item label="A super long label text" name="password" rules={[{ required: true }]}>
<Input />
</Form.Item>
<Form.Item label=" ">
<Button type="primary" htmlType="submit">
Submit
</Button>
</Form.Item>
</Form>
);
export default App;