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" />

参考设计 (References)