SoybeanUI 已更名为 VeanUI迁移指南包名迁移至 @vean/aria 与 @vean/ui,文档站迁至 veanui.com。本站将于 2026 年 11 月重定向,@soybeanjs 系列包将于 2027 年 4 月标记废弃。
返回目录
组件详情入口
数据展示
@soybeanjs/ui
SBadge

Badge

Badge 属于 数据展示 分类。建议先看演示与用法,再对照 API 表格完成接入和样式调整。

先用快捷跳转面板找到概述、用法、演示和 API,再往下细读完整文档内容。

快速跳转

同分类组件

如果你在同一类交互里做组合,这些组件通常会一起出现。

更新日志

版本记录按发布版本分组,便于快速查看这个组件在不同版本里的实际变更。

v0.18.0

2026-05-05

对比版本

新功能

新增 BadgeCompact 组件,包含 props、emits 与 slots

范围: badge作者: soybeanjs查看提交49ceb

v0.0.9

2026-01-02

对比版本

新功能

在 mergeSlotVariants 中整合 useAttrs 以增强类合并功能

范围: badge作者: soybeanjs查看提交1b456

v0.0.2

2025-11-18

对比版本

新功能

实现徽章组件并提供各种示例

范围: badge作者: soybeanjs查看提交04ec2

优化

移除未使用的 props,并在 BadgeRoot 中直接绑定 open 状态

范围: badge作者: soybeanjs查看提交3a105

新功能

为 badge 组件添加可选的 'content' 属性

范围: badge作者: soybeanjs查看提交c3ec9

新功能

为徽章组件添加“raw”变体,并更新其大小和形状样式

范围: badge作者: soybeanjs查看提交15530

新功能

实现徽章组件并提供各种示例

范围: badge作者: soybeanjs查看提交04ec2

优化

移除未使用的 props,并在 BadgeRoot 中直接绑定 open 状态

范围: badge作者: soybeanjs查看提交3a105

样式

调整徽章大小的内边距以提高布局的一致性

范围: badge作者: soybeanjs查看提交5c60f

新功能

为 badge 组件添加可选的 'content' 属性

范围: badge作者: soybeanjs查看提交c3ec9

新功能

为徽章组件添加“raw”变体,并更新其大小和形状样式

范围: badge作者: soybeanjs查看提交15530

样式

调整徽章大小的内边距以提高布局的一致性

范围: badge作者: soybeanjs查看提交5c60f