NewPasswordForm

Install

npx stylesheet-ui add sign-in-form otp-input new-password-form

Usage

A reset flow is usually three steps: request a code, verify it with OtpInput, then submit the new password.

import { NewPasswordForm } from "@/components/ui/new-password-form";

// 1. request a reset code for the email      (your auth provider)
// 2. verify the code via <OtpInput>           (your auth provider)
// 3. submit the new password:

const onSubmit = async ({ password }) => {
  await submitNewPassword(password); // your auth provider
};

<NewPasswordForm requireConfirm onSubmit={onSubmit} loading={loading} error={error} />