Modal
ConfirmationDialog — 5 色 × 2 布局（spread 居中两端分布 / right 左对齐右端按钮）。
Color: red
Figma 对应 "Delete" 确认动作。
Layout: spread
Delete this order?
Lorem ipsum dolor sit amet lorem? This action can't be undone
Layout: right
Delete this order?
Lorem ipsum dolor sit amet lorem? This action can't be undone
Color: green
Figma 对应 "Send" 确认动作。
Layout: spread
Send confirmation?
Lorem ipsum dolor sit amet lorem? This action can't be undone
Layout: right
Send confirmation?
Lorem ipsum dolor sit amet lorem? This action can't be undone
Color: yellow
Figma 对应 "Yes, Save" 确认动作。
Layout: spread
Save changes?
Lorem ipsum dolor sit amet lorem? This action can't be undone
Layout: right
Save changes?
Lorem ipsum dolor sit amet lorem? This action can't be undone
Color: purple
Figma 对应 "Upgrade" 确认动作。
Layout: spread
Upgrade to Pro?
Lorem ipsum dolor sit amet lorem? This action can't be undone
Layout: right
Upgrade to Pro?
Lorem ipsum dolor sit amet lorem? This action can't be undone
Color: blue
Figma 对应 "Activate" 确认动作。
Layout: spread
Activate account?
Lorem ipsum dolor sit amet lorem? This action can't be undone
Layout: right
Activate account?
Lorem ipsum dolor sit amet lorem? This action can't be undone
No Icon
省略 icon 的简洁变体。
Spread / no icon
Delete this order?
Lorem ipsum dolor sit amet lorem? This action can't be undone