Switch · 开关

来源:参考组件库(3 个状态:off / on / disabled)· 同步 2026-09-29 · 用于"立即生效"的二元设置(通知 / 暗黑模式 / 自动保存)

🎨 3 个状态

Off(关闭)
On(开启)
Disabled

⚙️ Settings 列表(典型用法)

📐 Spec Details

Track 尺寸
44 × 24px
圆角
12px(pill)
Off 背景
--grey-300
On 背景
--yellow-500
Thumb 尺寸
20 × 20px
Thumb 阴影
0 2px 4px rgba(0,0,0,0.2)
滑动距离
20px
Transition
0.2s ease
Focus 光晕
--yellow-500 3px 25% opacity

🎯 使用规则