Components

<EmailVerificationEmail />

Email template component that sends email verification links to users.

Usage

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

export function VerificationEmail() {
  return (
    <EmailVerificationEmail
      url="https://example.com/verify?token=example-token"
      email="user@example.com"
      appName="My App"
      expirationMinutes={60}
      logoURL="https://example.com/logo.png"
      darkMode={true}
    />
  )
}

Installation

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

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

<ConnectedAccounts />

Display and manage connected social accounts with the ability to link and unlink providers.

<MagicLinkEmail />

Email template component that sends magic link authentication emails for passwordless sign-in.

On this page