Komponente zum Zurücksetzen des Kennworts
Eine einfache Komponente zum Zurücksetzen des Passworts, die nach den Prinzipien des Material Designs mit einem Graustufen-Farbschema entwickelt wurde. Es ist reaktionsschnell und unterstützt den Dunkelmodus.
HTML-Code
<div class="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900">
<div class="w-full max-w-md p-6 bg-white rounded-lg shadow-md dark:bg-gray-800">
<h2 class="text-2xl font-bold text-center text-gray-800 dark:text-gray-200">Reset Password</h2>
<p class="mt-2 text-center text-gray-600 dark:text-gray-400">Enter your email address and we will send you a link to reset your password.</p>
<form class="mt-4">
<div>
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Email Address</label>
<input type="email" required class="mt-1 block w-full appearance-none rounded-md border border-gray-300 bg-gray-50 dark:bg-gray-700 dark:border-gray-600 placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-500 dark:focus:ring-gray-400" placeholder="[email protected]" />
</div>
<button type="submit" class="mt-6 w-full py-2 px-4 bg-gray-800 text-white font-semibold rounded hover:bg-gray-700 dark:bg-gray-600 dark:hover:bg-gray-500">Send Reset Link</button>
</form>
<div class="mt-4 text-center">
<a href="#" class="text-sm text-gray-600 dark:text-gray-400 hover:underline">Back to Login</a>
</div>
</div>
</div>
Verwandte Komponenten
Komponente zum Zurücksetzen des Kennworts
Responsive Password Reset Component mit Unterstützung für den Dunkelmodus
Komponente zum Zurücksetzen des Kennworts
Eine lebendige Komponente zum Zurücksetzen des Passworts im 3D-Stil für Blogs und den Konsum von Inhalten. Es unterstützt dunkle Themen und ist reich an interaktiven Elementen.
Komponente zum Zurücksetzen des Kennworts
Eine minimalistische Komponente zum Zurücksetzen von Passwörtern mit responsivem Design und Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS.