Skip to main content
ParticleUI

Auth — Verify Email

Email verification screen with resend link and success state.

Verify your email
We sent a verification link to email@example.com

Resend in 60s

Installation

1

Run the CLI

$npx particleui-cli add auth-verify-email

Usage

TSX
import { AuthVerifyEmail } from "@/components/blocks/auth-verify-email"

export default function Page() {
  return <AuthVerifyEmail />
}

Props

PropTypeDefaultRequired
emailstring"email@example.com"no
onOpenEmailApp() => voidno
onResend() => voidno
openEmailHrefstring"https://mail.google.com"no
resendCooldownnumber60no

Details

Source filecomponents/blocks/auth-verify-email.tsx
Typeblock
Categoriesauth, blocks
npm dependencies@phosphor-icons/react
Registry depsbutton, card
Claude skill