Componente di accesso social minimalista
Componente di accesso social minimalista in scala di grigi per l'e-commerce, semplice, reattivo, supporto per temi scuri, senza JavaScript
Codice HTML
<div class="flex flex-col items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900">
<div class="w-full max-w-sm p-6 bg-white rounded-md shadow-md dark:bg-gray-800">
<h1 class="text-2xl font-semibold text-center text-gray-700 dark:text-white">Login</h1>
<div class="flex justify-center mt-4 space-x-4">
<button class="px-4 py-2 text-gray-700 bg-gray-200 rounded-md dark:bg-gray-700 dark:text-gray-200">Facebook</button>
<button class="px-4 py-2 text-gray-700 bg-gray-200 rounded-md dark:bg-gray-700 dark:text-gray-200">Google</button>
<button class="px-4 py-2 text-gray-700 bg-gray-200 rounded-md dark:bg-gray-700 dark:text-gray-200">Twitter</button>
</div>
</div>
</div>Componenti correlati
Componente Social Login
Componente Social Login con design Microinteractions, effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS.
Componente Social Login
Componente di accesso sociale Material Design con combinazione di colori analoga, complessità semplice, per scopi di portfolio, reattivo con supporto per temi scuri.
Componente SocialLogin
Un componente di accesso social reattivo costruito con Tailwind CSS, con sottili microinterazioni al passaggio del mouse e supporto completo per la modalità oscura. Utilizza CDN con icone semplici per i loghi dei social media.