Request Reset Email
Step one of a reset: an email field and a submit that mails a recovery link.
3 फ्रेमवर्कशुरुआती
The all-done screen with a green check and a link onward to sign in.
<!--
The all-done state. The green check is aria-hidden - colour and glyph are not
the message, the heading is. The CTA is a link because it navigates onward to
sign in, not a button that submits.
-->
<div class="mx-auto w-full max-w-sm rounded-2xl border border-gray-200 bg-white p-6 text-center shadow-sm sm:p-8 dark:border-gray-800 dark:bg-gray-950">
<span class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-50 text-green-600 dark:bg-green-950 dark:text-green-400" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="h-6 w-6"><path d="m5 13 4 4L19 7" /></svg>
</span>
<h1 class="mt-4 text-xl font-bold tracking-tight text-gray-900 dark:text-gray-100">Password updated</h1>
<p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Your password has been changed. You can now sign in with your new password.</p>
<a href="#" class="mt-6 inline-flex w-full items-center justify-center rounded-lg bg-blue-600 px-5 py-2.5 text-sm font-semibold text-white transition-colors hover:bg-blue-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:ring-offset-2 focus-visible:ring-offset-white motion-reduce:transition-none dark:focus-visible:ring-blue-400 dark:focus-visible:ring-offset-gray-950">
Continue to sign in
</a>
</div>| Prop | टाइप | डिफ़ॉल्ट | विवरण |
|---|---|---|---|
title | string | 'Password updated' | कार्ड की हेडिंग टेक्स्ट। |
message | string | - | नोटिफ़िकेशन का मुख्य टेक्स्ट। |
ctaLabel | string | 'Continue to sign in' | कॉल-टू-एक्शन बटन का टेक्स्ट। |
ctaHref | string | '#' | कॉल-टू-एक्शन लिंक का डेस्टिनेशन। |
className | string | - | रूट एलिमेंट पर मर्ज होने वाली अतिरिक्त क्लासेज़। |
The green check is `aria-hidden` - colour and glyph are not the message, the heading is. The call to action is an `<a>` because it navigates onward to sign in, not a button that submits a form.