mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-14 08:51:26 +08:00
1.2 KiB
1.2 KiB
图标按钮
- order: 6
Button
内可以嵌套图标,图标可以放在文字前、后,也可以单独存在。
var Button = antd.Button;
var Icon = antd.Icon;
ReactDOM.render(<div>
<Button type="primary" shape="circle" size="large">
<Icon type="search" />
</Button>
<Button type="primary" size="large">
<Icon type="search" />
大按钮
</Button>
<Button type="primary" shape="circle">
<Icon type="search" />
</Button>
<Button type="primary">
<Icon type="search" />
中按钮
</Button>
<Button type="primary" shape="circle" size="small">
<Icon type="search" />
</Button>
<Button type="primary" size="small">
<Icon type="search" />
小按钮
</Button>
<br />
<Button type="ghost" shape="circle-outline" size="large">
<Icon type="search" />
</Button>
<Button type="ghost" shape="circle-outline">
<Icon type="search" />
</Button>
<Button type="ghost" shape="circle-outline" size="small">
<Icon type="search" />
</Button>
</div>,
document.getElementById('components-button-demo-icon'));