BETTER-AUTH. UI
Components

<EmailVerificationEmail />

Email template component that sends email verification links to users.

Usage

import { EmailVerificationEmail } from "@better-auth-ui/heroui/email"
import { render } from "@react-email/render"

const html = await render(
  <EmailVerificationEmail
    url="https://better-auth-ui.com/auth/verify-email?token=example-token"
    appName="Better Auth UI"
    logoURL={{
      light: "/favicon-96x96.png",
      dark: "/favicon-96x96-inverted.png"
    }}
    email="[email protected]"
    expirationMinutes={60}
    darkMode={true}
    poweredBy={true}
  />
)

Props

Prop

Type

Features

  • Verification button and fallback URL
  • Expiration time information
  • Security notice for unauthorized requests
  • Customizable branding and styling
  • Support for light/dark mode themes
  • Localization support

Last updated on

On this page