Blocos
ForgotPasswordForm
Solicita um link de reset de senha por email - inclui estado de sucesso embutido.
ForgotPasswordForm mostra um único campo de email. Após o envio, o consumidor flipa success para true e o bloco substitui o formulário por um painel de confirmação com role="status".
'use client';
import { ForgotPasswordForm } from '@uranus-workspace/blocks';
import { Card, CardContent } from '@uranus-workspace/design-system';
export default function ForgotPasswordFormDefault() {
return (
<div className="flex w-full justify-center">
<Card className="w-full max-w-md border-border/60 shadow-lg">
<CardContent className="p-6 sm:p-8">
<ForgotPasswordForm
title="Esqueceu sua senha?"
description="Informe seu email e enviaremos um link para redefinir sua senha."
signInHref="#"
onSubmit={() => {}}
/>
</CardContent>
</Card>
</div>
);
}
Uso
import { ForgotPasswordForm } from '@uranus-workspace/blocks';
import { useState } from 'react';
const [success, setSuccess] = useState(false);
<ForgotPasswordForm
success={success}
signInHref="/sign-in"
onSubmit={async (values) => {
await sendResetLink(values.email);
setSuccess(true);
}}
/>Por que sempre mostrar sucesso?
Por padrão a mensagem de sucesso usa wording neutro ("Se uma conta existir para esse email, enviamos…") para evitar enumeração de contas. Personalize via successDescription se sua política diferir.