Componente di reimpostazione della password
Un semplice componente per la reimpostazione della password progettato utilizzando i principi di Material Design con una combinazione di colori in scala di grigi. È reattivo e supporta la modalità oscura.
Codice HTML
<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>
Componenti correlati
Componente di reimpostazione della password
Un componente di reimpostazione della password progettato con uno stile scheumorfico, che utilizza i toni della terra per un'estetica naturale e strutturato per applicazioni di dashboard. Supporta la modalità oscura ed è reattivo.
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 di reimpostazione della password ispirato al Material Design per piattaforme di social media creato con Tailwind CSS. Presenta una combinazione di colori vivaci con colori ad alta saturazione, layout pulito e design reattivo con supporto per la modalità oscura. Il componente include campi di input per l'e-mail, un pulsante di invio e testo utile. Il design utilizza principi di progettazione dei materiali come l'elevazione delle carte, il layout della griglia e gli effetti di profondità.