Componente di reimpostazione della password
Componente di reimpostazione della password reattiva con supporto per la modalità oscura
Codice HTML
<div class="flex items-center justify-center min-h-screen bg-gradient-to-br from-blue-400 to-purple-600 dark:from-gray-800 dark:to-gray-900">
<div class="w-full max-w-md p-8 space-y-6 bg-white rounded shadow-lg dark:bg-gray-700">
<h2 class="text-2xl font-bold text-center text-gray-800 dark:text-white">Reset Password</h2>
<form class="space-y-4">
<div>
<label for="email" class="block text-sm font-medium text-gray-700 dark:text-gray-200">Email Address</label>
<input type="email" id="email" name="email" required class="w-full px-3 py-2 mt-1 border rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-600 dark:text-white dark:border-gray-500">
</div>
<div>
<button type="submit" class="w-full px-4 py-2 text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 dark:bg-blue-700 dark:hover:bg-blue-800">Send Reset Link</button>
</div>
</form>
</div>
</div>
Componenti correlati
Componente di reimpostazione della password - Retro / Vibrant Dashboard
Un componente per la reimpostazione della password in stile retrò-vintage con colori vivaci, adatto per un cruscotto. Presenta un design reattivo e il supporto del tema scuro utilizzando Tailwind CSS. Il design evoca l'estetica degli anni '80/'90.
Componente di reimpostazione della password
Un componente reattivo per la reimpostazione della password con un'interfaccia utente in modalità scura, che utilizza una combinazione di colori analoga. Progettato per applicazioni di e-commerce.
Componente di reimpostazione della password
Un componente per la reimpostazione della password dal design minimalista e piatto con toni della terra, design reattivo e supporto per temi scuri, su misura per i contenuti del blog.