Password Reset Card

A form card for entering a 6-digit code to reset a password, with error handling, loading state, and additional actions such as resend code, help, and feedback.

Reset your password

Enter the 6-digit code sent to your email. This code is valid for the next 10 minutes.

Dependencies

None

Installation

None

Props

NameTypeDefaultDescription
onSubmit(code: string) => voidA callback function that handles the form submission when the 6-digit code is entered and submitted.
onResendCode() => voidA callback function that handles resending the code when the user clicks on the "Resend code" link.
onHelp() => voidA callback function that triggers when the user clicks on the "Need help?" button.
onFeedback() => voidA callback function that triggers when the user clicks on the "Send feedback" button.
classNamestringAdditional custom CSS classes to apply to the card component.
styleReact.CSSProperties{}Custom inline styles to apply to the card component.
Brought to life by Naseem Ansari – Building Experiences that Inspire