属性

属性	类型	默认值	说明
variant	'success' | 'neutral' | 'error'	'success'	状态的语义，颜色自带形状，状态不用只靠颜色分辨：success 是实心圆点，neutral 是空心环，error 是圆点上横一道减号。旧名字 info 和 warning 仍然可以用，分别按 success 和 error 画。
label	string	—	状态的读屏名称，例如 Online。放进头像里时会并进头像自己的无障碍名称（Jane Doe, Online）；单独使用时圆点自己带 role="img" 和这个名字。不传时圆点带 aria-hidden，对辅助技术完全不可见。

尺寸

圆点会读外层头像的尺寸，按三档取大小。分档而不是等比缩小，是为了每一档都还看得清；放在头像外面时用默认的 md（36px）。

头像尺寸	圆点	边框	图标
36px 及以下	10px	1px	不显示
37px 到 72px	20px	2px	12px
73px 及以上	32px	4px	18px

插槽

• icon：画在圆点中间的图标。给了图标就顶掉自带的形状（实心 / 空心环 / 减号），所以不同状态配不同图标。最小一档不画图标，那里放不下，画了也看不清。

主题

.my-avatar-status-dot {
  --astryx-avatar-status-dot-size: 12px;
  --astryx-avatar-status-dot-border-width: 2px;
  --astryx-avatar-status-dot-border-color: #ffffff;
  --astryx-avatar-status-dot-success-background: #198100;
  --astryx-avatar-status-dot-success-foreground: #ffffff;
  --astryx-avatar-status-dot-neutral-background: #ffffff;
  --astryx-avatar-status-dot-neutral-foreground: #525252;
  --astryx-avatar-status-dot-error-background: #e33f4a;
  --astryx-avatar-status-dot-error-foreground: #ffffff;
}

size 会盖掉圆点从头像算出来的大小，里面画的形状仍然按算出来的档位画。