属性

属性	类型	默认值	说明
size	'sm' | 'md' | 'lg' | 'xl'	'md'	圆环的直径，sm 为 10px，md 为 14px，lg 为 18px，xl 为 28px。
shade	'default' | 'subtle' | 'onMedia' | 'inherit'	'default'	圆环的配色层级，分别面向浅色背景、深色背景或继承周围文字颜色的场景。
label	string	—	显示在加载态下方的文字，同时作为无障碍名称供屏幕阅读器播报。

插槽

• label：加载态下方的富文本内容，会替代 label 属性的文字。未提供文字时，无障碍名称默认为 Loading。

主题

.my-spinner {
  --astryx-spinner-color-accent: #0074e2;
}

• --astryx-spinner-diameter-{sm|md|lg|xl}：各尺寸的环直径。
• --astryx-spinner-stroke-width-{sm|md|lg|xl}：各尺寸的描边宽度。
• --astryx-spinner-arc-fraction：运动圆弧覆盖圆环的比例。
• --astryx-spinner-color-accent：default 色调的圆弧颜色。
• --astryx-spinner-color-subtle：subtle 色调的圆弧颜色。
• --astryx-spinner-color-track：default 和 subtle 色调的轨道颜色。
• --astryx-spinner-color-on-dark：onMedia 色调的圆弧与轨道颜色。
• --astryx-spinner-group-gap：圆环与文字之间的间距。
• --astryx-spinner-label-color：文字颜色。