mirror of
https://github.com/ant-design/ant-design.git
synced 2025-08-06 07:56:28 +08:00
update input demo
This commit is contained in:
parent
a73e28ca6c
commit
05c67d6f01
@ -8,22 +8,20 @@ title: Input 输入框
|
|||||||
注意: 在表单里面,我们只使用**大尺寸**, 即高度为 **32px**,作为唯一的尺寸。
|
注意: 在表单里面,我们只使用**大尺寸**, 即高度为 **32px**,作为唯一的尺寸。
|
||||||
|
|
||||||
````jsx
|
````jsx
|
||||||
import { Row, Col, Input } from 'antd';
|
import { Input } from 'antd';
|
||||||
const InputGroup = Input.Group;
|
|
||||||
|
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<Row>
|
<div className="example-input">
|
||||||
<InputGroup>
|
<Input size="large" placeholder="大尺寸" />
|
||||||
<Col span="6">
|
<Input placeholder="默认尺寸" />
|
||||||
<Input id="largeInput" size="large" placeholder="大尺寸" />
|
<Input size="small" placeholder="小尺寸" />
|
||||||
</Col>
|
</div>
|
||||||
<Col span="6">
|
|
||||||
<Input id="defaultInput" placeholder="默认尺寸" />
|
|
||||||
</Col>
|
|
||||||
<Col span="6">
|
|
||||||
<Input id="smallInput" placeholder="小尺寸" size="small" />
|
|
||||||
</Col>
|
|
||||||
</InputGroup>
|
|
||||||
</Row>
|
|
||||||
, mountNode);
|
, mountNode);
|
||||||
````
|
````
|
||||||
|
|
||||||
|
````css
|
||||||
|
.example-input .ant-input {
|
||||||
|
width: 140px;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
````
|
||||||
|
Loading…
Reference in New Issue
Block a user