Badge 徽标
六种语义徽标变体。
徽标为短内容打标签。六种变体与 Callout 共用语义色令牌。
六种变体
default gold info warning error success
badge('default');badge('gold', 'gold');badge('info', 'info');badge('warning', 'warning');badge('error', 'error');badge('success', 'success');内联用法
部署状态:部署中 新增 已弃用
'部署状态:' + badge('部署中', 'info') + ' ' + badge('新增', 'gold');| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
text | string | — | 徽标文本(第一个参数)。 |
variant | 'default' | 'gold' | 'info' | 'warning' | 'error' | 'success' | 'default' | 语义变体。 |
- 变体映射到
--cpd-*语义令牌;gold保留品牌强调色用于特殊高亮。 - 渲染为
<span class="cpd-badge cpd-badge-<variant>">。