Componente Messaggi di successo
Componente Messaggi di Successo con design del Neumorfismo, supporto per temi reattivi e scuri
Codice HTML
<div class="flex items-center justify-center h-screen dark:bg-gray-900">
<div class="bg-gray-200 p-6 rounded-xl shadow-xl s Neumorphism dark:bg-gray-800">
<div class="text-green-500 text-2xl mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<h3 class="text-xl font-semibold mb-2 dark:text-white">Success!</h3>
<p class="text-gray-600 dark:text-gray-300">Your action was performed successfully.</p>
</div>
</div>Componenti correlati
Componente Messaggi di successo
Un componente reattivo per i messaggi di successo progettato per la modalità scura con una combinazione di colori vivaci, ideale per mostrare il lavoro in un portfolio.
Componente Messaggi di successo
Un componente che mostra messaggi di successo audaci con uno stile di design brutale, con contrasto elevato, effetti reattivi e supporto per temi scuri.
SkeuomorphismoSuccessoMessaggio
Messaggio di successo dello scheumorfismo per cruscotto, complesso con colori complementari e modalità scura