Componente di reimpostazione della password
Un componente minimalista per la reimpostazione della password con design reattivo e supporto per temi scuri utilizzando Tailwind CSS.
Codice HTML
<div class="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-800">
<div class="bg-white dark:bg-gray-900 shadow-md rounded-lg p-8 w-96">
<h2 class="text-2xl font-semibold text-gray-800 dark:text-gray-200 text-center">Reset Password</h2>
<p class="text-gray-600 dark:text-gray-400 text-center mb-6">Please enter your email address to receive a password reset link.</p>
<form>
<div class="mb-4">
<label class="block text-gray-700 dark:text-gray-300 mb-2" for="email">Email</label>
<input type="email" id="email" class="w-full p-2 border border-gray-300 dark:border-gray-600 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400" placeholder="[email protected]" required>
</div>
<button type="submit" class="w-full bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 rounded focus:outline-none focus:ring-2 focus:ring-blue-400 dark:focus:ring-blue-500">Send Reset Link</button>
</form>
<div class="mt-4 text-center">
<p class="text-gray-500 dark:text-gray-400">Remembered your password? <a href="#" class="text-blue-500 hover:underline">Login</a></p>
</div>
</div>
</div>Componenti correlati
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.
Componente di reimpostazione della password
Componente di reimpostazione della password con stile neumorfismo, combinazione di colori complementari, complessità complessa, per scopi di social media, utilizzando Tailwind CSS. Design reattivo con supporto per temi scuri.
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.