Componente Messaggi di avviso
Un semplice componente di messaggio di avviso in stile neumorfismo per siti Web aziendali, con colori vivaci e supporto per temi scuri reattivi utilizzando Tailwind CSS e senza JavaScript.
Codice HTML
<div class="flex items-center justify-center h-screen bg-gray-200 dark:bg-gray-800">
<div class="p-6 rounded-xl shadow-xl bg-gray-300 dark:bg-gray-700 dark:shadow-xl-dark">
<div class="flex items-center">
<div class="flex-shrink-0">
<svg class="h-6 w-6 text-green-500 dark:text-green-400" xmlns="http://www.w3.org/2000/svg" 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>
<div class="ml-3">
<p class="text-sm leading-5 font-medium text-gray-900 dark:text-gray-100">
Successfully updated!
</p>
</div>
</div>
</div>
</div>Componenti correlati
Componente Messaggi di avviso
Un componente di messaggi di avviso in stile brutalista con una combinazione di colori pastello, progettato per siti Web aziendali/aziendali e reattivo con supporto per temi scuri.
Componente Messaggi di avviso
Un semplice componente monocromatico per i messaggi di avviso per i blog con animazioni incentrate sulla microinterazione, supporto per la modalità scura e reattività.
Componente Messaggi di avviso
Un componente di messaggio di avviso semplice, reattivo e in scala di grigi per siti di e-commerce, con supporto per la modalità scura.