CCHub Logo CCHub Tailwind Collection
Komponenten Feedback-Komponenten Feedback-Komponente

Feedback-Komponente

Eine minimalistische Feedback-Komponente mit responsivem Design, Unterstützung für dunkle Themen und ohne JavaScript. Es enthält einen Avatar, einen Benutzerfeedback-Text und Bewertungen, die durch Sterne dargestellt werden.

Vorschau

HTML-Code 

<div class="max-w-md mx-auto p-6 bg-white rounded-lg shadow-md dark:bg-gray-800 transition-shadow duration-300 ease-in-out">
    <div class="flex items-center mb-4">
        <img class="w-12 h-12 rounded-full" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar">
        <div class="ml-4">
            <h2 class="text-lg font-semibold text-gray-800 dark:text-white">John Doe</h2>
            <span class="text-gray-500 dark:text-gray-400 text-sm">2 hours ago</span>
        </div>
    </div>
    <div class="mb-4">
        <div class="flex items-center">
            <span class="text-yellow-500">
                📍📍📍📍📍
            </span>
            <span class="text-gray-500 dark:text-gray-400 ml-2">Rating: 4.5/5</span>
        </div>
    </div>
    <p class="text-gray-700 dark:text-gray-300">
        This is a sample feedback message from the user. It highlights the positive aspects and any areas for improvement.
    </p>
    <div class="mt-4">
        <img class="rounded-md" src="https://picsum.photos/400/200" alt="Feedback Image">
    </div>
</div>

Verwandte Komponenten

Feedback-Komponente 23

Eine Feedback-Komponente im Material Design-Stil mit responsiven Animationen und Unterstützung für dunkle Themen, die mit Tailwind CSS erstellt wurde.

Offen

Feedback-Komponente

Eine reaktionsschnelle Feedback-Komponente, die für Social-Networking-Schnittstellen entwickelt wurde und 3D-Designelemente in einem Graustufen-Farbschema mit Unterstützung für den Dunkelmodus enthält, zugeschnitten auf mittlere Komplexität und Interaktivität.

Offen

Feedback-Komponente

Eine reaktionsschnelle Feedback-Komponente, die für den Dunkelmodus mit lebendigen Farben entwickelt wurde und sich ideal für den Konsum von Blogs und Inhalten eignet.

Offen