Tag 标签

用于分类、标记与状态提示的小型标签。
状态：Beta

Demo

Tags

颜色与尺寸组合

示例即将加载...

<template>
  <TxTag label="默认" />
  <TxTag label="成功" color="var(--tx-color-success)" />
  <TxTag label="警告" color="var(--tx-color-warning)" />
  <TxTag label="危险" color="var(--tx-color-danger)" />
</template>

API（简版）

属性名	类型	默认值	说明
label		-	文本内容
color		-	主文字/图标色
background			自定义背景色
border			自定义边框色
icon			前置图标 class
size	smmd		尺寸
closable			显示关闭按钮
disabled			禁用 click 与 close 事件

契约说明

Tag 渲染 role="status"。默认插槽会替换 label。关闭按钮会阻止事件冒泡，因此关闭标签不会同时触发标签自身的 click 事件。禁用状态会阻断 click 与 close。

组合示例

标签 + 按钮

标签配合按钮突出操作。

示例即将加载...

<template>
  <TxTag label="Beta" />
  <TxButton size="sm">升级</TxButton>
</template>