Core Landing Pages
Secure Reset
Secure password reset form with real-time strength meter, password visibility toggle, and validation. Features animated strength indicators and confirmation field.
core-landing-pagesauthpasswordresetsecuritystrength-metervalidation
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
title | string | "Set New Password" | Title text displayed at the top of the form. |
subtitle | string | "Ensure it's at least 8 chars long." | Subtitle text displayed below the title. |
onSubmit | (data: { password: string; confirmPassword: string }) => Promise<void> | undefined | Callback function called when form is submitted with password data. |
onStrengthChange | (strength: number) => void | undefined | Callback function called when password strength changes (0-4 scale). |
className | string | undefined | Additional CSS classes for custom styling. |
minLength | number | 8 | Minimum password length requirement. |
showStrengthMeter | boolean | true | Whether to display the password strength meter. |