Forgot Password Form

Block

Form for requesting password reset

Basic Usage

Forgot your password?

Enter your email address and we'll send you a reset link.

pnpm add @corew500/ui

import { ForgotPasswordForm } from "@corew500/ui/blocks/forgot-password-form"

<ForgotPasswordForm>Content</ForgotPasswordForm>

Prop	Type	Default	Description
`onFormSubmit`	(data: ForgotPasswordFormData) => void	—	Called when the form is submitted
`loading`	enum	`false`	Whether the form is in a loading state
`success`	enum	`false`	When true, shows success state instead of form
`glow`	enum	`false`	Enable glow effects
`title`	string	`Forgot password?`	—
`description`	string	`Enter your email address and we'll send you a link to reset your password.`	—
`successTitle`	string	`Check your email`	—
`successDescription`	string	`We've sent you a password reset link to your email address.`	—
`successSubDescription`	string	`If you don't see it, check your spam folder.`	—
`successAction`	enum	—	—
`labels`	{ email?: string; }	`{}`	—
`placeholders`	{ email?: string; }	`{}`	—
`buttonLabels`	{ submit?: string; loading?: string; backToLogin?: string; }	`{}`	—
`errors`	{ email?: string; general?: string; }	`{}`	—
`backToLoginHref`	string	`#`	—