交互与体验
React 设置页五件套：分区导航、Save Bar、即时开关、Danger Zone、手机 push
SaaS 设置页可用「文本走 Save Bar、开关即时保存、危险区隔离、移动端 push」把双保存模型与破坏操作收清楚。
2026-10-16 Wingo UI 以可运行设置页拆解五项硬需求：每区独立 URL；文案草稿靠底部 Save／Discard 提交；开关即时保存失败回滚；删除等破坏操作沉底并要求键入确认；＜768px 切成 iOS 式分组列表再 push 进分区。文中对照 Shopify Save Bar API 与 Untitled UI 模板缺口，并给出 dirty 判定、偏好错误文案用 aria-describedby 挂到行上的细节。
文首标注 Oct 16, 2026；含 SettingsLayout 示例、手机帧演示说明与 Shopify leaveConfirmation 引用。
为什么值得看
做后台／账号设置的设计师可直接对照双保存模型、危险区与移动端导航形态。