The following scenarios are the best places to trigger warning overlays just like this.

• Delete confirmation: Use this overlay when users attempt to delete pages, posts, files, or accounts. The warning dialog helps prevent accidental deletions by asking for confirmation.

• Unsaved changes: Show this warning overlay when a user tries to leave a page or reset a form with unsaved changes, preventing accidental data loss.

• Data removal: Display this dialog when users try to remove important content, such as deleting images, removing team members, or clearing saved data.

• Account changes: Trigger this overlay when users attempt sensitive account actions like removing their profile, revoking permissions, or resetting default settings.

• Billing actions: Use it to confirm actions such as canceling subscriptions, removing payment methods, or downgrading plans.

This component works best when triggered from destructive action buttons like Delete, Remove, Reset, or Cancel, ensuring users clearly understand the consequences before proceeding.