Badge
概述
`Badge` 路由到 `rml_ui::Badge`,**Stateless** 组件,用于小型状态标记。
基本用法
<Badge label="新" />
<Badge label={unread_count} primary="" />
属性
| 属性 | 类型 | 绑定 | 说明 | |------|------|------|------| | `label` | 字符串 | `{expr}` | 徽章文字 | | `primary` / `secondary` / `danger` 等 | 布尔标志 | — | 颜色变体 | | `small` / `large` | 布尔标志 | — | 尺寸 | | `disabled` | 布尔 | `{expr}` | 禁用 |
事件
| 事件 | 说明 | |------|------| | `on-click` | 点击 |
数据绑定
`label={count}` 动态显示数字或文字。
子节点 / 插槽
可选文本子节点替代 `label`。
完整示例
<Badge label={badge_text} danger="" />
常见错误
无特殊陷阱;注意 Badge 通常不可交互,滥用 `on-click` 不符合语义。
相关组件
- [tag.md](./tag.md)
RML 未覆盖的 API
gpui-component Badge 的 `.dot()`、自定义颜色等需 Rust 手写。