Files
ant-design/components/badge/demo/dot.md
T
Shawn SitandBenjy Cui 7ce12fe36a doc: demo translation enhancement (#3033)
* doc enhancement

* keep chinese simplified demo
2016-09-18 14:30:37 +08:00

508 B

order, title
order title
3
zh-CN en-US
讨嫌的小红点 Red badge

zh-CN

没有具体的数字。

en-US

This will simply display a red badge, without a specific count.

import { Badge, Icon } from 'antd';

ReactDOM.render(<div>
  <Badge dot>
    <Icon type="notification" />
  </Badge>
  <Badge dot>
    <a href="#">Link something</a>
  </Badge>
</div>, mountNode);
<style> .anticon-notification { width: 16px; height: 16px; line-height: 16px; font-size: 16px; } </style>