Ask the user to confirm a proposed change before it is applied.
When to use
Use this pattern when:
- A user has made changes that need explicit confirmation
- You want to show a before/after comparison
- The change includes additional options like an effective date
- Users should have the opportunity to undo the change
Considerations
- Show clear before and after states for the change
- Provide an “undo” option alongside the confirm action
- Include any relevant additional inputs (like effective date)
- Use a secondary button for the cancel/undo action