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
Name | Type | Default | Description |
---|---|---|---|
onSubmit | (code: string) => void | A callback function that handles the form submission when the 6-digit code is entered and submitted. | |
onResendCode | () => void | A callback function that handles resending the code when the user clicks on the "Resend code" link. | |
onHelp | () => void | A callback function that triggers when the user clicks on the "Need help?" button. | |
onFeedback | () => void | A callback function that triggers when the user clicks on the "Send feedback" button. | |
className | string | Additional custom CSS classes to apply to the card component. | |
style | React.CSSProperties | {} | Custom inline styles to apply to the card component. |