Komponente "Warnmeldungen"
Eine einfache Warnmeldungskomponente im Neumorphism-Stil für Unternehmenswebsites mit leuchtenden Farben und reaktionsschneller Unterstützung für dunkles Design mit Tailwind CSS und ohne JavaScript.
HTML-Code
<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>Verwandte Komponenten
Retro_Alert_Messages_Component
Eine einfache, reaktionsschnelle Komponente für Warnmeldungen mit einem Retro-/Vintage-Farbschema in Schwarz, Weiß und Neon-Akzenten, die für ein Armaturenbrett geeignet ist. Enthält Unterstützung für den Dunkelmodus.
Komponente "Warnmeldungen"
Eine Warnmeldungskomponente im Glassmorphism-Stil für die Visualisierung von Dashboard-Daten mit Milchglaseffekten, Komplementärfarben und responsivem Design mit Unterstützung für dunkle Themen.
Komponente "Warnmeldungen"
Eine Komponente für Warnmeldungen im brutalistischen Stil mit einem pastellfarbenen Farbschema, die für Geschäfts-/Unternehmenswebsites entwickelt wurde und mit Unterstützung für dunkle Themen reaktionsschnell ist.