ant-design/components/form/demo/input.md
2016-03-31 09:40:55 +08:00

774 B
Raw Blame History

order title
0 Input 输入框

我们为 <Input /> 输入框定义了三种尺寸(大、默认、小),具体使用详见 API

注意: 在表单里面,我们只使用大尺寸 即高度为 32px,作为唯一的尺寸。

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>
, mountNode);