mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-03 08:19:37 +08:00
02a71d0ddd
* fix form item Input size error with prefix and suffix * snapshot * add test case * revert width
850 B
850 B
order | title | ||||
---|---|---|---|---|---|
1 |
|
zh-CN
我们为 <Input />
输入框定义了三种尺寸(大、默认、小),高度分别为 40px
、32px
和 24px
。
en-US
There are three sizes of an Input box: large
(40px), default
(32px) and small
(24px).
import { Input } from 'antd';
import { UserOutlined } from '@ant-design/icons';
ReactDOM.render(
<div className="example-input">
<Input size="large" placeholder="large size" prefix={<UserOutlined />} />
<Input placeholder="default size" prefix={<UserOutlined />} />
<Input size="small" placeholder="small size" prefix={<UserOutlined />} />
<Input.Password size="large" placeholder="large Password" />
</div>,
mountNode,
);
.example-input > span {
width: 200px;
margin: 0 8px 8px 0;
}