开关Switch
填写与选择立即打开或关闭一项功能
开关表示功能当前是开启还是关闭，例如深色模式或自动保存。切换后应立即反馈结果；如果所有设置要最后统一提交，使用复选框 Checkbox配合保存按钮会更符合预期。
消息通知
深色模式
什么时候用
- 设置页里的开 / 关项消息通知深色模式
- 拨完立即生效，最好给个反馈自动保存已开启自动保存
- 功能列表逐个启用、停用API 访问Webhook
- 实验功能的灰度入口实验新版编辑器
什么时候不用
- 提交后才生效的偏好 → 用 复选框 Checkbox + 按钮 Button接收营销邮件提交
- 危险操作（删除全部数据）→ 需要确认，不是开关删除全部数据一个开关就删掉所有数据？
- 三个以上互斥状态 → 用 单选框 Radio公开仅成员私密
- 同意协议这类确认 → 用 复选框 Checkbox我已阅读并同意《用户协议》
组成结构 · Anatomy
自动保存
1滑轨Track灰底是关，品牌色是开
2滑块Thumb左右位置表达状态，切换带过渡动画
3文案Label写清控制的是什么
常见变体 · Variants
开启On
功能当前处于打开状态
关闭Off
功能当前处于关闭状态
带文案With Label
自动保存
设置页里，说清这个开关管什么
禁用Disabled
开关当前不可操作
典型使用场景
消息通知设置
消息通知
📩 新消息通知收到私信或评论时提醒我
🔔 声音提醒新消息到达时播放提示音
🌙 免打扰模式23:00 – 8:00 不再提醒
深色模式切换
外观
🌙 深色模式切换后整个界面立即换肤
浅色
深色 ✓
自动保存
📝 七月产品规划（草稿）
自动保存
已于 15:32 自动保存 · 开启后每 30 秒保存到云端
实验功能灰度
实验室 Beta
🤖 AI 摘要对长文档自动生成摘要，逐步开放中
🪄 智能排版一键整理段落层级，仅 10% 用户可见
实验功能可能不稳定，遇到问题可随时关闭