ant-design/components/form/demo/input.md
2015-11-02 16:37:40 +08:00

32 lines
798 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# Input 输入框
- order: 0
我们为 `<Input />` 输入框定义了三种尺寸(大、默认、小),具体使用详见 [API](/components/form/#input)。
注意: 在表单里面,我们只使用**大尺寸** 即高度为 **32px**,作为唯一的尺寸。
---
````jsx
import {Row, Col, Input} from 'antd';
const InputGroup = Input.Group;
ReactDOM.render(
<Row>
<InputGroup>
<Col span="6">
<Input id="largeInput" size="large" placeholder="大尺寸" />
</Col>
<Col span="6">
<Input id="defaultInput" placeholder="默认尺寸" />
</Col>
<Col span="6">
<Input id="smallInput" placeholder="小尺寸" size="small" />
</Col>
</InputGroup>
</Row>
, document.getElementById('components-form-demo-input'));
````