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 registry add @better-auth-ui=https://better-auth-ui.com/r/{style}/{name}.jsonnpx shadcn@latest add @better-auth-ui/reset-password-emailProps
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