Reset Password Form

Block

Form for resetting password with token

Basic Usage

Set a new password

Your new password must be at least 8 characters long.

pnpm add @corew500/ui

import { ResetPasswordForm } from "@corew500/ui/blocks/reset-password-form"

<ResetPasswordForm>Content</ResetPasswordForm>

Prop	Type	Default	Description
`onFormSubmit`	(data: ResetPasswordFormData) => 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	`Reset password`	—
`description`	string	`Enter your new password below.`	—
`successTitle`	string	`Password updated!`	—
`successDescription`	string	`Your password has been reset successfully. You can now log in with your new password.`	—
`successAction`	enum	—	—
`labels`	{ password?: string; confirmPassword?: string; }	`{}`	—
`placeholders`	{ password?: string; confirmPassword?: string; }	`{}`	—
`buttonLabels`	{ submit?: string; loading?: string; backToLogin?: string; }	`{}`	—
`errors`	{ password?: string; confirmPassword?: string; general?: string; }	`{}`	—
`features`	{ passwordToggle?: boolean; passwordRequirements?: boolean; }	`{}`	—
`backToLoginHref`	string	`#`	—
`passwordRequirements`	PasswordRequirement[]	—	Custom password requirements