ant-design/components/button/demo/icon.md
2015-06-08 16:15:03 +08:00

45 lines
1.2 KiB
Markdown

# Icon Button
- order: 4
图标按钮
---
````html
<button class="ant-btn ant-btn-primary ant-btn-circle ant-btn-lg">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-lg">
<span class="anticon anticon-search"></span>
<span>大按钮</span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-circle">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-primary">
<span class="anticon anticon-search"></span>
<span>中按钮</span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-circle ant-btn-sm">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-sm">
<span class="anticon anticon-search"></span>
<span>小按钮</span>
</button>
<p></p>
<button class="ant-btn ant-btn-ghost ant-btn-circle-outline ant-btn-lg">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-ghost ant-btn-circle-outline">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-default ant-btn-circle-outline ant-btn-sm">
<span class="anticon anticon-search"></span>
</button>
````