SxPresenceBadge (在线状态徽标)
- Implemented
用于展示用户在线状态的小型徽标。对齐 Microsoft Fluent UI Blazor PresenceBadge (v4.13.2) 的 API 结构,并说明 NextUI 当前实现状态。
使用场景
- 用户列表在线状态
- 头像角标提示
- 团队成员状态展示
约束说明
Status需使用PresenceStatus枚举。OutOfOffice为真时显示空心环。
行为说明
Status映射到颜色样式。OutOfOffice叠加 OOO 样式。
API
Parameters (参数)
| 状态 | 参数名 | 类型 | 默认值 | 描述 |
|---|---|---|---|---|
| Implemented | Status |
PresenceStatus |
Available |
在线状态。 |
| Implemented | OutOfOffice |
bool |
false |
OOO 状态。 |
| Implemented | Id (继承) |
string? |
null |
组件 Id。 |
| Implemented | Class (继承) |
string? |
null |
CSS 类名。 |
| Implemented | Style (继承) |
string? |
null |
自定义样式。 |
| Implemented | Title (继承) |
string? |
null |
HTML title。 |
| Implemented | AdditionalAttributes (继承) |
IEnumerable<KeyValuePair<string, object>>? |
null |
额外属性。 |
示例
<SxPresenceBadge Status="PresenceStatus.Busy" OutOfOffice="true" />