mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
925 B
925 B
order | title | ||||
---|---|---|---|---|---|
0 |
|
zh-CN
简单的徽章展示,当 count
为 0
时,默认不显示,但是可以使用 showZero
修改为显示。
en-US
Simplest Usage. Badge will be hidden when count
is 0
, but we can use showZero
to show it.
import { Badge, Icon } from 'antd';
ReactDOM.render(
<div>
<Badge count={5}>
<a href="#" className="head-example" />
</Badge>
<Badge count={0} showZero>
<a href="#" className="head-example" />
</Badge>
<Badge count={<Icon type="clock-circle" style={{ color: '#f5222d' }} />}>
<a href="#" className="head-example" />
</Badge>
</div>,
mountNode,
);