<docs>
---
order: 9
title:
  zh-CN: 缎带
  en-US: Ribbon
---

## zh-CN
使用缎带型的徽标。

## en-US

Use ribbon badge.

</docs>

<template>
  <a-space direction="vertical" style="width: 100%">
    <a-badge-ribbon text="Hippies">
      <a-card title="Pushes open the window" size="small">and raises the spyglass.</a-card>
    </a-badge-ribbon>
    <a-badge-ribbon text="Hippies" color="pink">
      <a-card title="Pushes open the window" size="small">and raises the spyglass.</a-card>
    </a-badge-ribbon>
    <a-badge-ribbon text="Hippies" color="red">
      <a-card title="Pushes open the window" size="small">and raises the spyglass.</a-card>
    </a-badge-ribbon>
    <a-badge-ribbon text="Hippies" color="cyan">
      <a-card title="Pushes open the window" size="small">and raises the spyglass.</a-card>
    </a-badge-ribbon>
    <a-badge-ribbon text="Hippies" color="green">
      <a-card title="Pushes open the window" size="small">and raises the spyglass.</a-card>
    </a-badge-ribbon>
    <a-badge-ribbon text="Hippies" color="purple">
      <a-card title="Pushes open the window" size="small">and raises the spyglass.</a-card>
    </a-badge-ribbon>
    <a-badge-ribbon text="Hippies" color="volcano">
      <a-card title="Pushes open the window" size="small">and raises the spyglass.</a-card>
    </a-badge-ribbon>
    <a-badge-ribbon text="Hippies" color="magenta">
      <a-card title="Pushes open the window" size="small">and raises the spyglass.</a-card>
    </a-badge-ribbon>
  </a-space>
</template>