StatusBadge 状态徽标

用于状态指示与系统反馈的轻量徽标。
状态：Beta

Demo

Status Signals

成功/警告/错误/信息。

示例即将加载...

<template>
  <TxStatusBadge text="成功" status="success" />
  <TxStatusBadge text="警告" status="warning" />
  <TxStatusBadge text="错误" status="danger" />
  <TxStatusBadge text="信息" status="info" />
</template>

API（简版）

属性名	类型	默认值	说明
text		-	显示文字
status	successwarningdangerinfomuted		状态类型
statusKey	granteddeniednotDeterminedunsupported		映射到色调的权限/状态键
icon			自定义图标 class
size	smmd		尺寸
os	macoswindowslinux	-	可选平台图标
osOnly			仅渲染平台图标

契约说明

显式 status 优先于 statusKey。statusKey 会把 granted/denied/notDetermined/unsupported 映射到 success/danger/warning/muted，未知 key 回退到 info。平台图标会渲染在状态图标前；osOnly 会隐藏状态图标。点击徽标会触发 click 事件。

组合示例

状态行

徽标搭配头像进行状态展示。

示例即将加载...

<template>
  <TxAvatar name="TA" />
  <TxStatusBadge text="在线" status="success" />
</template>