Composants Système d’évaluation Composant du système d’évaluation

Composant du système d’évaluation

Un composant de système d’évaluation de style rétro/vintage conçu avec Tailwind CSS, avec un design réactif et la prise en charge du thème sombre.

Aperçu

HTML Code

<div class="bg-white dark:bg-gray-800 p-5 rounded-lg shadow-lg max-w-md mx-auto">
    <h2 class="text-2xl font-bold text-center text-gray-800 dark:text-white mb-4">Rate This Item</h2>
    <div class="flex justify-center mb-4">
        <img src="https://picsum.photos/200/100" alt="Item Image" class="rounded-md">
    </div>
    <div class="flex justify-center mb-4">
        <img src="https://randomuser.me/api/portraits/men/10.jpg" alt="User Avatar" class="rounded-full w-12 h-12 border-2 border-gray-300 dark:border-gray-600 mr-2">
        <span class="text-gray-800 dark:text-white self-center">John Doe</span>
    </div>
    <div class="flex justify-center mb-4">
        <span class="text-yellow-500 text-3xl">★ ★ ★ ★ ☆</span>
    </div>
    <div class="flex justify-between mt-4">
        <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline transition duration-300 ease-in-out">Submit</button>
        <button class="bg-gray-300 dark:bg-gray-700 hover:bg-gray-400 dark:hover:bg-gray-600 text-gray-800 dark:text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline transition duration-300 ease-in-out">Cancel</button>
    </div>
</div>

Composants associés

Composant du système d’évaluation

Un composant de système d’évaluation minimaliste adapté aux sites Web d’entreprise, avec une mise en page réactive et une prise en charge du thème sombre.

Ouvrir

Skeuomorphic_Jewel_Tone_Rating_System_Simple

Un composant de système d’évaluation simple et réactif avec un design skeuomorphe, une palette de couleurs de bijou et une prise en charge du mode sombre, adapté aux sites Web à but non lucratif/caritatifs.

Ouvrir

Composant du système d’évaluation

Un composant de classement de conception minimaliste et plat adapté aux applications de tableau de bord, avec des tons de bijou et une réactivité totale avec prise en charge du mode sombre.

Ouvrir