分段控件组件对比 Demo
同一套 props 接口（value / onChange / options）， 两种视觉与交互风格。右侧滑块可按住鼠标拖动， 松手自动吸附到最近项；也可用键盘左右方向键切换。
基础 · 两态切换
白卡激活
旧激活项直接变为白卡浮起，瞬时切换。点击即可，无滑动、无拖拽。
当前值encode
滑动玻璃
新半透明玻璃滑块在激活项下方滑动；支持拖拽跟手与松手吸附。
当前值encode
进阶 · 不等宽标签
白卡激活
旧白卡宽度随激活项宽度变化，仅做尺寸过渡（无位移）。
当前值md
滑动玻璃
新滑块在长短不一的选项间平滑滑动，位移与宽度同时过渡。
当前值md