CCHub Logo CCHub Tailwind Collection
Komponenten Warnmeldungen Komponente "Warnmeldungen"

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.

Vorschau

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

Komponente "Warnmeldungen"

Responsive Alert Message Component mit Mikrointeraktionen, Pastell-Farbschema, komplexem Design, Geschäfts-/Unternehmenszweck, Unterstützung des Dunkelmodus und ohne JavaScript.

Offen

Komponente "Warnmeldungen"

Eine reaktionsschnelle Komponente für Warnmeldungen, die in einem minimalistischen/flachen Stil mit einem pastellfarbenen Farbschema gestaltet ist, geeignet für Social-Media-Schnittstellen und mit Unterstützung für dunkle Themen.

Offen

Komponente "Warnmeldungen"

Eine einfache, monochromatische Warnmeldungskomponente für Blogs mit Animationen, die sich auf Mikrointeraktion konzentrieren, Unterstützung des Dunkelmodus und Reaktionsfähigkeit.

Offen