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

const html = await render(() =>
  OtpEmail({
    verificationCode: "123456",
    email: "[email protected]",
    appName: "Better Auth UI",
    logoURL: {
      light: "/favicon-96x96.png",
      dark: "/favicon-96x96-inverted.png"
    },
    expirationMinutes: 10,
    darkMode: true,
    poweredBy: true
  })
)

Installation

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

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