mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-25 19:50:05 +08:00
1.1 KiB
1.1 KiB
order | title | ||||
---|---|---|---|---|---|
1 |
|
zh-CN
当需要在 Button
内嵌入 Icon
时,可以设置 icon
属性,或者直接在 Button
内使用 Icon
组件。
如果想控制 Icon
具体的位置,只能直接使用 Icon
组件,而非 icon
属性。
en-US
Button
components can contain an Icon
. This is done by setting the icon
property or placing an Icon
component within the Button
If you want specific control over the positioning and placement of the Icon
, then that should be done by placing the Icon
component within the Button
rather than using the icon
property.
import { Button } from 'antd';
ReactDOM.render(
<div>
<Button type="primary" shape="circle" icon="search" />
<Button type="primary" icon="search">Search</Button>
<Button shape="circle" icon="search" />
<Button icon="search">Search</Button>
<br />
<Button shape="circle" icon="search" />
<Button icon="search">Search</Button>
<Button type="dashed" shape="circle" icon="search" />
<Button type="dashed" icon="search">Search</Button>
</div>,
mountNode
);