ant-design/components/badge/demo/status.md
afc163 06dff86287
fix: Badge count style when customize color (#31617)
* fix: Badge count style when customize color

close #31590
close #31591

* add demo for debug

* update badge demos

* create ribbon.test.tsx
2021-08-02 12:22:30 +08:00

40 lines
676 B
Markdown

---
order: 8
title:
zh-CN: 状态点
en-US: Status
---
## zh-CN
用于表示状态的小圆点。
## en-US
Standalone badge with status.
```jsx
import { Badge } from 'antd';
ReactDOM.render(
<>
<Badge status="success" />
<Badge status="error" />
<Badge status="default" />
<Badge status="processing" />
<Badge status="warning" />
<br />
<Badge status="success" text="Success" />
<br />
<Badge status="error" text="Error" />
<br />
<Badge status="default" text="Default" />
<br />
<Badge status="processing" text="Processing" />
<br />
<Badge status="warning" text="Warning" />
</>,
mountNode,
);
```