跳转到内容

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');
参数类型默认值说明
textstring徽标文本(第一个参数)。
variant'default' | 'gold' | 'info' | 'warning' | 'error' | 'success''default'语义变体。
  • 变体映射到 --cpd-* 语义令牌;gold 保留品牌强调色用于特殊高亮。
  • 渲染为 <span class="cpd-badge cpd-badge-<variant>">