import React from 'react'; import { Form, Input } from 'antd'; const App: React.FC = () => ( <Form style={{ maxWidth: 600 }}> <Form.Item label="Normal0"> <Input placeholder="unavailable choice" value="Buggy!" /> </Form.Item> <Form.Item label="Fail0" validateStatus="error" help="Buggy!"> <Input placeholder="unavailable choice" value="Buggy!" /> </Form.Item> <Form.Item label="FailDisabled0" validateStatus="error" help="Buggy!"> <Input placeholder="unavailable choice" disabled value="Buggy!" /> </Form.Item> <Form.Item label="Normal1"> <Input placeholder="unavailable choice" value="Buggy!" /> </Form.Item> <Form.Item label="Fail1" validateStatus="error" help="Buggy!"> <Input placeholder="unavailable choice" value="Buggy!" /> </Form.Item> <Form.Item label="FailDisabled1" validateStatus="error" help="Buggy!"> <Input placeholder="unavailable choice" disabled value="Buggy!" /> </Form.Item> <Form.Item label="Normal2"> <Input placeholder="unavailable choice" addonBefore="Buggy!" /> </Form.Item> <Form.Item label="Fail2" validateStatus="error" help="Buggy!"> <Input placeholder="unavailable choice" addonBefore="Buggy!" /> </Form.Item> <Form.Item label="FailDisabled2" validateStatus="error" help="Buggy!"> <Input placeholder="unavailable choice" disabled addonBefore="Buggy!" /> </Form.Item> <Form.Item label="Normal3"> <Input placeholder="unavailable choice" prefix="人民币" value="50" /> </Form.Item> <Form.Item label="Fail3" validateStatus="error" help="Buggy!"> <Input placeholder="unavailable choice" prefix="人民币" value="50" /> </Form.Item> <Form.Item label="FailDisabled3" validateStatus="error" help="Buggy!"> <Input placeholder="unavailable choice" disabled prefix="人民币" value="50" /> </Form.Item> </Form> ); export default App;