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

const html = await render(
  <EmailChangedEmail
    oldEmail="[email protected]"
    newEmail="[email protected]"
    appName="Better Auth UI"
    logoURL={{
      light: "/favicon-96x96.png",
      dark: "/favicon-96x96-inverted.png"
    }}
    supportEmail="[email protected]"
    revertURL="https://better-auth-ui.com/revert-email"
    darkMode={true}
    poweredBy={true}
  />
)

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