气泡确认框Popconfirm
提示与状态反馈在操作旁边做一次简短确认
气泡确认框适合确认容易误点、但后果可以恢复的短操作。永久删除、转账等高风险动作需要解释更多后果，应使用信息更完整的弹窗 Modal。
⚠确认删除这条记录？
取消确定
什么时候用
- 可恢复的轻量操作：误点会麻烦，但后果容易撤销⚠ 确认删除这条记录？删除取消确定
- 列表行内操作：就地确认，页面纹丝不动确认删除？取消确定
- 移出成员 / 取消关注：可逆的小动作确认移出成员「林小hu」？移出取消确定
- 清空输入：一不留神就白填了的那种清空全部输入？清空取消清空
什么时候不用
- 不可逆的高危操作 → 用 弹窗 Modal 正式拦下⚠ 确认删除全部 1,024 条数据？此操作不可恢复！删除全部取消确定删除
- 说明文字一大段 → 气泡装不下，用 弹窗 Modal删除后，项目下的文件、成员和配置都会被清除，且无法通过任何方式恢复，请确认你已经备份好重要数据。取消删除
- 只想展示信息 → 用 气泡卡片 Popover 或 文字提示 Tooltip💡 支持拖拽调整排序悬停我取消知道了
- 连环确认好几次 → 不如一开始就别让点确认删除？确定再确认一次？确定
组成结构 · Anatomy
⚠确认删除这条记录？
取消确定
删除
1气泡框Bubble挂在触发按钮旁边的小卡片，不遮罩
2确认文案Message一句话问清，常配 ⚠ 图标
3操作按钮Actions确定 / 取消，确定可以说清后果
4触发按钮Trigger点击才弹出，气泡始终指着它
常见变体 · Variants
默认确认Default
确认移出该成员？
取消确定
后果可恢复的轻量操作防误点，如移出成员
警示确认Warning
⚠清空全部输入？
取消清空
有点风险要留个神，如清空已填内容
危险确认Danger
⚠确认删除这条记录？
取消删除
删除类操作，确认按钮标红强调后果
典型使用场景
删除列表行
⚠确认删除这条记录？
取消删除
📄 首页改版.fig
2 小时前
删除
移出成员
确认移出成员「林小hu」？
取消确定
林小hu · 产品经理
移出
清空表单
⚠清空全部输入？
取消清空
清空
取消发布
确认取消发布？文章将转为草稿。
取消确定
📝 夏季活动方案
已发布
取消发布