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

按钮类型

• order: 0

按钮有三种类型：主按钮、次按钮、幽灵按钮。

通过设置 type 为 primary ghost 可分别创建主按钮、幽灵按钮，若不设置 type 值则为次按钮。不同的样式可以用来区别其重要程度。

主按钮和次按钮可独立使用，需要强引导用主按钮。幽灵按钮用于和主按钮组合。

---

import { Button } from 'antd';

ReactDOM.render(<div>
  <Button type="primary">主按钮</Button>
  <Button>次按钮</Button>
  <Button type="ghost">幽灵按钮</Button>
  <Button type="dashed">虚线按钮</Button>
</div>,
mountNode);

<style> #components-button-demo-basic .ant-btn { margin-right: 8px; margin-bottom: 12px; } </style>