使用徽章显示状态指示器、标签或 metadata。徽章既可内嵌于文本中使用，也可作为独立元素使用。
徽章
徽章支持多种颜色变体，用于表达不同含义。
徽章
徽章
徽章
徽章
徽章
徽章
徽章
徽章
徽章
徽章
徽章
<徽章 color="gray">徽章</徽章>
<徽章 color="blue">徽章</徽章>
<徽章 color="green">徽章</徽章>
<徽章 color="yellow">徽章</徽章>
<徽章 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、yellow、orange、red、
purple、white、surface、white-destructive、surface-destructive。
要显示的图标。可选值：
- Font Awesome 图标名称（例如
github）
- Lucide 图标名称（例如
rocket）
- 指向外部托管图标的 URL
- 项目中图标文件的路径
- 用花括号包裹的 SVG 代码
对于自定义 SVG 图标：
- 使用 SVGR 转换器 转换你的 SVG。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg> 元素。
- 用花括号包裹可用于 JSX 的 SVG 代码：
icon={<svg ...> ... </svg>}。
- 根据需要调整
height 和 width。
Font Awesome 的图标样式。仅在使用 Font Awesome 图标时生效。可选值：regular、solid、light、thin、sharp-solid、duotone、brands。 
