BETTER-AUTH. UI
Components

<ResetPasswordEmail />

Email template component that sends password reset links to users.

Usage

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

const html = await render(
  <ResetPasswordEmail
    url="https://better-auth-ui.com/auth/reset-password?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}
  />
)

Installation

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

Props

Prop

Type

Features

  • Password reset 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