Cancel changes screen examples

Flora

Settings modal where the user updates their name and email, and manages their two-factor authentication status.

• Account Settings
• MFA

Capsule

Settings page where an admin configures a specific user's profile, role, security preferences, and team assignments.

• Edit
• Team Management

Glide

Data editor list view where the user is configuring a column named 'Full Name copy' to set its type and user-specific behavior.

• Edit
• Table

Reflag

Settings modal where the user updates their profile picture, manages email addresses, and links connected accounts.

• Account Settings
• Profile

Outseta

Settings page where the user configures which custom properties are visible in the person info panel via a drag-and-drop modal.

• Settings
• Edit

Mighty

Settings modal where the user configures their camera input, with options to mirror the video and blur the background before saving.

• Settings
• Form

Zapier

Settings page where the user customizes the color theme for their chatbot, including card, popover, and accent colors, with a live interactive preview.

• AI Settings
• Settings

The org

Detail page where the user manages an employee's contact information, featuring a floating toolbar to confirm unsaved changes.

• Profile
• Edit

Twenty

Settings page where the user configures the name, preview values, and description for a specific data model field.

• Settings
• Edit

Vimeo

Detail page where the user configures the appearance, branding, and player controls for a specific video asset.

• Media Detail
• Edit

Mangomint

Settings page where the user configures their personal preferences, specifically the default sorting order for their client list.

• Account Settings

Gamma

Settings page where the user configures their workspace name and logo, and sees a prominent banner to upgrade for unlimited AI.

• Team Management
• Upgrade Prompt