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

order, title

order	title
0	zh-CN en-US 基本 Basic

zh-CN

简单的徽章展示。

en-US

Simplest Usage.

import { Badge } from 'antd';

ReactDOM.render(
  <Badge count={5}>
    <a href="#" className="head-example" />
  </Badge>
, mountNode);

<style> .ant-badge:not(.ant-badge-status) { margin-right: 16px; } .head-example { width: 42px; height: 42px; border-radius: 6px; background: #eee; display: inline-block; } </style>