BETTER-AUTH. UI
Components

<OtpEmail />

Email template component that sends one-time password (OTP) verification codes to users.

Usage

import { OtpEmail } from "@better-auth-ui/heroui"

export function OTPVerificationEmail() {
  return (
    <OtpEmail
      verificationCode="123456"
      email="user@example.com"
      appName="My App"
      expirationMinutes={10}
      darkMode={true}
    />
  )
}

Props

Prop

Type

Features

  • Large, prominently displayed verification code
  • 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