用途:用于设置页和表单中的开/关切换,以及任何由用户自行翻转的二元状态。
主要能力:切换时旋钮以弹簧方式滑过,产生有触感的回弹效果;属于 motion-anything 项目,遵循 MOTION-SPEC.md。
使用方式:引入 toggle-spring.css 与 toggle-spring.js 并链接;标记为 <button class="ms-toggle" data-toggle aria-pressed="false"><span class="knob"></span></button>。
无障碍与性能:在 prefers-reduced-motion 下改为快速线性滑动、无回弹;aria-pressed 反映当前状态;仅使用 transform。
限制:不用于表达加载或进度(应使用 spinner/skeleton);回弹幅度需保持克制,避免花哨。