Componente Pulsanti OAuth
Componente pulsanti OAuth reattivi per l'interfaccia utente di e-commerce in modalità scura con combinazione di colori pastello.
Codice HTML
```html
<div class="flex flex-col items-center justify-center min-h-screen bg-gray-900 p-4">
<div class="w-full max-w-sm">
<h2 class="text-2xl font-bold text-center text-gray-200 mb-6">Sign In</h2>
<button class="w-full bg-blue-300 text-blue-900 py-2 px-4 rounded-md flex items-center justify-center mb-4 hover:bg-blue-400 transition duration-300">
<img src="https://img.icons8.com/color/16/000000/google-logo.png" alt="Google Icon" class="mr-2">
Sign in with Google
</button>
<button class="w-full bg-gray-300 text-gray-800 py-2 px-4 rounded-md flex items-center justify-center mb-4 hover:bg-gray-400 transition duration-300">
<img src="https://img.icons8.com/ios-filled/16/000000/github.png" alt="GitHub Icon" class="mr-2 dark:filter dark:invert">
Sign in with GitHub
</button>
<button class="w-full bg-blue-500 text-white py-2 px-4 rounded-md flex items-center justify-center hover:bg-blue-600 transition duration-300">
<img src="https://img.icons8.com/ios-filled/16/ffffff/facebook-new.png" alt="Facebook Icon" class="mr-2">
Sign in with Facebook
</button>
</div>
</div>
```Componenti correlati
Componente Pulsanti OAuth
Un componente di pulsanti OAuth reattivo progettato con animazioni accattivanti e colori della terra, adatto per le interfacce dei social media e che supporta temi scuri.
Componente Pulsanti OAuth
Un componente pulsanti OAuth reattivo con design a scheumorfismo, combinazione di colori analoga e interazioni complesse, adatto per le interfacce dei social media. Include il supporto per il tema scuro e utilizza Tailwind CSS per lo stile, senza JavaScript. Immagini tratte da Lorem Picsum e RandomUser.me.
Componente Pulsanti OAuth
Una serie di pulsanti OAuth minimalisti e vivaci per un sito portfolio, con più fornitori, reattività e supporto per la modalità scura.