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.
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 des vibrations neumorphes
Un composant complexe et interactif du système de classification conçu avec un style Neumorphic et une palette de couleurs vives, adapté aux forums et aux plateformes communautaires. Il comprend le nombre d’étoiles, le vote positif/négatif et un affichage numérique, avec une réactivité complète et une prise en charge du mode sombre.
Composant du système d’évaluation rétro
Un composant de système d’évaluation simple et de style rétro pour le commerce électronique, avec des couleurs vives et une prise en charge du thème sombre à l’aide de Tailwind CSS.
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.