使用徽章显示状态指示器、标签或 metadata。徽章既可内嵌于文本中使用，也可作为独立元素使用。
徽章
徽章支持多种颜色变体，用于表达不同含义。
徽章
徽章
徽章
徽章
徽章
徽章
徽章
徽章
徽章
徽章
<徽章 color="gray">徽章</徽章>
<徽章 color="blue">徽章</徽章>
<徽章 color="green">徽章</徽章>
<徽章 color="orange">徽章</徽章>
<徽章 color="red">徽章</徽章>
<徽章 color="purple">徽章</徽章>
<徽章 color="white">徽章</徽章>
<徽章 color="surface">徽章</徽章>
<徽章 color="white-destructive">徽章</徽章>
<徽章 color="surface-destructive">徽章</徽章>
<徽章 size="xs">徽章</徽章>
<徽章 size="sm">徽章</徽章>
<徽章 size="md">徽章</徽章>
<徽章 size="lg">徽章</徽章>
<徽章 shape="rounded">徽章</徽章>
<徽章 shape="pill">徽章</徽章>
<徽章 icon="circle-check" color="green">徽章</徽章>
<徽章 icon="clock" color="orange">徽章</徽章>
<徽章 icon="ban" color="red">徽章</徽章>
<徽章 stroke color="blue">徽章</徽章>
<徽章 stroke color="green">徽章</徽章>
<徽章 stroke color="orange">徽章</徽章>
<徽章 stroke color="red">徽章</徽章>
<徽章 disabled icon="lock" color="gray">徽章</徽章>
<徽章 disabled icon="lock" color="blue">徽章</徽章>
此功能需要<Badge color="orange" size="sm">高级版</Badge>订阅。
<Badge icon="star" color="blue" size="lg" shape="pill">高级版</Badge>
<Badge icon="check" stroke color="green" size="sm">已验证</Badge>
<Badge icon="badge-alert" color="orange" shape="rounded">测试版</Badge>
徽章的颜色变体。选项：gray、blue、green、orange、red、
purple、white、surface、white-destructive、surface-destructive。
要显示的 icon。选项：针对自定义 SVG icon：
- 使用 SVGR 转换器将你的 SVG 转换为 JSX。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg> 元素。
- 用花括号包裹 JSX 兼容的 SVG 代码：
icon={<svg ...> ... </svg>}。
- 按需调整
height 和 width。
Font Awesome icon 的样式。仅在使用 Font Awesome icon 时生效。选项：regular、solid、light、thin、sharp-solid、duotone、brands。 
