BETTER-AUTH. UI
Components

<VerifyEmail />

A verify email component that prompts the user to confirm their email, with a button to open their email provider and a cooldown-limited resend button.

Hover or focus the email-provider button to show a QR code for the same provider URL. Users can scan it when their email account is available on another device.

Usage

Verify Email

Check your email for a verification link

Already verified your email? Sign In

import { VerifyEmail } from "@/components/auth/verify-email"

export function VerifyEmailDemo() {
  return <VerifyEmail />
}

Installation

npx shadcn@latest registry add @better-auth-ui=https://better-auth-ui.com/r/{style}/{name}.json
npx shadcn@latest add @better-auth-ui/verify-email

Props

Prop

Type

Last updated on

<ResetPassword />

A reset password form component that allows users to set a new password using a reset token from their email.

<Settings />

A comprehensive settings component with tabbed navigation for account and security views.

On this page

UsageInstallationProps