---
order: 10
title:
zh-CN: 缎带
en-US: Ribbon
---
## zh-CN
使用缎带型的徽标。
## en-US
Use ribbon badge.
```tsx
import { Badge, Card } from 'antd';
import React from 'react';
const App: React.FC = () => (
<>
and raises the spyglass.
and raises the spyglass.
and raises the spyglass.
and raises the spyglass.
and raises the spyglass.
and raises the spyglass.
and raises the spyglass.
and raises the spyglass.
>
);
export default App;
```
```css
#components-badge-demo-ribbbon .ant-card {
margin-bottom: 16px;
}
```