ant-design/components/button/demo/shape.md

按钮形状

• order: 1

通过设置 shape 为 circle circle-outline，可以把按钮形状设为圆形，并且 circle-outline 在 hover 时会有动画效果。

---

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" shape="circle">
    <Icon type="search" />
  </Button>
  <Button type="primary" shape="circle" 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-shape'));