Badge
紧凑的状态标签，用于标记、分类和行内强调。
安装
npx @cloudflare/nimbus-docs add badgeyarn dlx @cloudflare/nimbus-docs add badgepnpm dlx @cloudflare/nimbus-docs add badgebunx @cloudflare/nimbus-docs add badge预览
默认信息成功警告危险
<Badge text="默认" />
<Badge text="信息" variant="info" />
<Badge text="成功" variant="success" />
<Badge text="警告" variant="warning" />
<Badge text="危险" variant="danger" />示例
变体
每种变体传达不同的意图。别名会合并到四种标准变体中。
稳定测试已弃用破坏性
<Badge text="稳定" variant="success" />
<Badge text="测试" variant="info" />
<Badge text="已弃用" variant="warning" />
<Badge text="破坏性" variant="danger" />尺寸
三种尺寸，适用于正文旁、标题旁或展示文案。
小中大
<Badge text="小" size="small" />
<Badge text="中" size="medium" />
<Badge text="大" size="large" />实际场景
与文本搭配使用，在不打断阅读流的情况下标记状态。
支付 API
v2.1支付 API 已正式发布。
## 支付 API <Badge text="v2.1" variant="info" size="medium" />
支付 API 已正式发布。API 参考
组件接受的全部属性，均源自单一声明。
| Prop | Type |
|---|---|
textrequired | string |
variant | "default" | "info" | "note" | "success" | "tip" | "warning" | "caution" | "danger" |
size | "small" | "medium" | "large" |