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/email"
import { render } from "@react-email/render"

const html = await render(
  <EmailChangedEmail
    oldEmail="old@example.com"
    newEmail="new@example.com"
    appName="Better Auth UI"
    logoURL={{
      light: "/favicon-96x96.png",
      dark: "/favicon-96x96-inverted.png"
    }}
    supportEmail="support@example.com"
    revertURL="https://better-auth-ui.com/revert-email"
    darkMode={true}
    poweredBy={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