BETTER-AUTH. UI
Components

<EmailChangedEmail />

Email template component that notifies users when their email address has been changed.

Usage

import { EmailChangedEmail } from "@better-auth-ui/react"

export function EmailChangeNotificationEmail() {
  return (
    <EmailChangedEmail
      oldEmail="old@example.com"
      newEmail="new@example.com"
      appName="My App"
      supportEmail="support@example.com"
      revertURL="https://example.com/revert-email"
      logoURL="https://example.com/logo.png"
      darkMode={true}
    />
  )
}

Installation

npx shadcn@latest add https://better-auth-ui.com/r/email-changed-email.json

Props

Prop

Type

Features

  • Email change notification
  • Shows previous and new email addresses
  • Revert action button if unauthorized
  • Support contact information
  • Customizable branding and styling
  • Support for light/dark mode themes
  • Localization support

Last updated on

On this page