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

Komponente "Feedback-Komponenten"

Eine komplexe, reaktionsschnelle, von dunklen Themen unterstützte Feedback-Komponentenkomponente für ein Dashboard, die mit einer minimalistischen/flachen Ästhetik und einem pastellfarbenen Farbschema gestaltet ist. Es zeigt verschiedene Feedback-Elemente wie einen Fortschrittsbalken, Statusindikatoren und die letzten Aktivitäten an, wobei nur HTML mit Tailwind-CSS-Klassen verwendet wird.

Offen

Neon_Glow_Feedback_Component

Eine Feedback-Komponente, die für Beratung/Dienstleistungen mit Neon-/Leuchtästhetik unter Verwendung eines analogen Farbschemas entwickelt wurde. Zu den Funktionen gehören leuchtende Schaltflächen, subtile Hintergrundverläufe und Unterstützung für den Dunkelmodus.

Offen

Organic_Nature_Inspired_Food_Feedback_Component

Eine Feedback-Komponente mit moderater Komplexität für Food-/Restaurant-Websites mit organischem/von der Natur inspiriertem Design mit Erdtönen und voller Reaktionsfähigkeit, einschließlich Unterstützung des Dunkelmodus.

Offen