Use a modal dialog to require users to confirm an action before proceeding, especially for irreversible operations or important decision points.
When to use
Use this pattern when:
- The user is about to perform an action that cannot be undone
- Navigation will cause data loss or prevent returning
- Important information needs acknowledgment before proceeding
- Users should confirm before submitting important forms
Considerations
- Clearly explain the consequences of continuing
- Provide a way to go back or cancel
- Use clear, action-oriented button labels
- Keep the modal content concise and focused
- Ensure the primary action stands out from secondary options