基本徽章
颜色
尺寸
形状
图标
线框样式
禁用状态
内联用法
组合属性
属性
string
默认值:"gray"
徽章的颜色变体。选项：
gray、blue、green、yellow、orange、red、
purple、white、surface、white-destructive、surface-destructive。string
默认值:"md"
徽章的尺寸。选项：
xs、sm、md、lg。string
默认值:"rounded"
徽章的形状。选项：
rounded、pill。string
要显示的 icon。选项：
- Font Awesome icon 名称
- Lucide icon 名称
- 用花括号包裹的 JSX 兼容 SVG 代码
- 指向外部托管 icon 的 URL
- 项目中 icon 文件的路径
- 使用 SVGR 转换器将你的 SVG 转换为 JSX。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg>元素。 - 用花括号包裹 JSX 兼容的 SVG 代码：
icon={<svg ...> ... </svg>}。 - 按需调整
height和width。
string
Font Awesome icon 的样式。仅在使用 Font Awesome icon 时生效。选项：
regular、solid、light、thin、sharp-solid、duotone、brands。boolean
默认值:"false"
以描边而非实心背景的样式显示徽章。
boolean
默认值:"false"
以禁用状态显示徽章，降低不透明度。
string
应用于徽章的其他 CSS 类名。