腾讯云智能体开发平台 Badge 徽标

用于显示状态、标签或数字标记的组件,支持多种颜色、尺寸和样式变体,可配置为常规或胶囊形状。

相关产品
腾讯云智能体开发平台 产品页,含版本规格、价格与购买入口。

一、基础用法

通过 label 设置徽章文本,color 与 variant 控制颜色与样式。

Template 示例:

<Badge label="新功能" color="success" variant="solid" />

效果展示如下:

二、属性说明

属性名 类型 描述 默认值
label ★ string 徽章文本内容 –
color "secondary" | "success" | "danger" | "warning" | "info" | "discovery" 徽章颜色 "secondary"
variant "solid" | "soft" | "outline" 徽章样式变体 "solid"
size "sm" | "md" | "lg" 徽章尺寸 "md"
pill boolean 是否为胶囊形状 false

注意:★ 标记为必填属性。

三、颜色说明

·secondary:次要/默认颜色

·success:成功/绿色

·danger:危险/红色

·warning:警告/黄色

·info:信息/蓝色

·discovery:发现/紫色

四、样式变体说明

·solid:实心填充

·soft:柔和背景

·outline:边框样式

赞 (0)
上一篇 4天前
下一篇 4天前