ant-design/components/button/demo/icon.md
2015-06-11 17:20:24 +08:00

1.2 KiB

Icon Button

  • order: 5

图标按钮


<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-circle-outline ant-btn-sm">
  <span class="anticon anticon-search"></span>
</button>