CCHub Logo CCHub Tailwind Collection
Komponenten Warnmeldungen Komponente "Warnmeldungen"

Komponente "Warnmeldungen"

Eine Komponente für reaktionsschnelle Warnmeldungen, die mit dem Glassmorphism-Effekt für E-Commerce-Zwecke entwickelt wurde. Es verfügt über ein einfaches Layout mit einem monochromatischen Farbschema und Unterstützung für den Dunkelmodus mit Tailwind CSS.

Vorschau

HTML-Code 

<div class="flex flex-col items-center justify-center h-screen bg-gray-900 dark:bg-gray-800">
    <div class="bg-white dark:bg-gray-700 backdrop-blur-md rounded-xl border border-gray-300 dark:border-gray-600 shadow-lg p-6 max-w-md w-full">
        <h2 class="text-xl text-gray-800 dark:text-gray-200 mb-4">Alert Message</h2>
        <p class="text-gray-600 dark:text-gray-400 mb-4">
            Your order has been placed successfully! You will receive a confirmation email shortly.
        </p>
        <div class="flex items-center">
            <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User Avatar" class="w-10 h-10 rounded-full mr-3">
            <div class="text-sm">
                <p class="text-gray-800 dark:text-gray-200">John Doe</p>
                <p class="text-gray-500 dark:text-gray-400">Just now</p>
            </div>
        </div>
        <div class="mt-4">
            <img src="https://picsum.photos/200/100?random=1" alt="Product Image" class="rounded-lg shadow-md">
        </div>
    </div>
</div>

Verwandte Komponenten

Komponente "Warnmeldungen"

Bei dieser Komponente handelt es sich um eine Warnmeldung mit einem minimalistischen/flachen Design, einem Farbschema in Erdtönen und einem komplexen Layout. Es wurde für Social-Media-Schnittstellen entwickelt und ist reaktionsschnell mit Unterstützung für dunkle Themen. Es verwendet Tailwind CSS für das Styling und enthält mehrere interaktive Elemente.

Offen

Komponente "Warnmeldungen"

Eine Komponente für Warnmeldungen, die mit einer dunklen Benutzeroberfläche und einem herbstlichen Farbschema entwickelt wurde und für professionelle Beratungsdienste geeignet ist. Es ist reaktionsschnell und unterstützt den Dunkelmodus.

Offen

Monochromatischer E-Commerce-Alarm

Eine einfache, reaktionsschnelle Komponente für Warnmeldungen für den E-Commerce mit einem monochromatischen Farbschema und subtiler Mikrointeraktion zum Verwerfen. Unterstützt den Dunkelmodus.

Offen