组件/Badge 徽标
通用组件

Badge 徽标

用于展示数量或状态的轻量标记

该页面由 AI 迁移生成,请谨慎使用

内容已迁移完成,但仍建议结合源码和人工评审结果使用。

Badge 徽标

用于展示计数或状态提示。

基础用法

徽标样式

数量、文本与点状提示。

示例即将加载...
<template>
  <TxBadge :value="8" />
  <TxBadge value="New" variant="primary" />
  <TxBadge value="99+" variant="success" />
  <TxBadge dot variant="error" />
</template>

契约说明

TxBadge 渲染内联 pill 或 dot。默认插槽会替换徽标内容,不负责把徽标定位到某个目标元素周围。点状模式会隐藏 value 文本,仅渲染视觉圆点。

API(Lite)

属性名类型默认值说明
variantdefaultprimarysuccesswarningerror颜色类型
value徽标内容
dot点状模式
color-自定义颜色