2020-05-08 14:50:42 +08:00

690 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. If count equals 0, it won't display the dot.

import { Badge } from 'antd';
import { NotificationOutlined } from '@ant-design/icons';

ReactDOM.render(
  <div>
    <Badge dot>
      <NotificationOutlined />
    </Badge>
    <Badge count={0} dot>
      <NotificationOutlined />
    </Badge>
    <Badge dot>
      <a href="#">Link something</a>
    </Badge>
  </div>,
  mountNode,
);