Composant du système d’évaluation
Un composant du système d’évaluation conçu dans un style rétro/vintage, utilisant une palette de couleurs complémentaires et une interface complexe pour le contenu du blog. Ce composant prend en charge le mode sombre et est réactif à l’aide de Tailwind CSS.
HTML Code
<div class="max-w-md mx-auto bg-gray-50 dark:bg-gray-800 rounded-lg shadow-lg p-6 mt-10">
<h2 class="text-center text-2xl font-bold text-gray-800 dark:text-gray-200 mb-4">Rate Our Content</h2>
<div class="flex items-center justify-center mb-6">
<img src="https://picsum.photos/60/60" alt="Blog Post" class="rounded-full border-2 border-blue-500 mr-3">
<div>
<p class="text-lg text-gray-700 dark:text-gray-300">Fantastic Blog Post Title</p>
<p class="text-sm text-gray-500 dark:text-gray-400">Published on January 1, 2023</p>
</div>
</div>
<div class="flex justify-center mb-6">
<span class="text-yellow-400">★</span>
<span class="text-yellow-400">★</span>
<span class="text-yellow-400">★</span>
<span class="text-yellow-400">★</span>
<span class="text-gray-300">★</span>
</div>
<textarea class="w-full h-24 p-3 border border-blue-400 rounded-lg dark:bg-gray-700 dark:border-gray-600 dark:text-gray-200" placeholder="Leave your feedback here..."></textarea>
<button class="w-full mt-3 py-2 bg-blue-500 hover:bg-blue-600 text-white rounded-lg transition duration-300">Submit Rating</button>
<div class="flex items-center justify-between mt-4 text-gray-700 dark:text-gray-300">
<span>👍 120 Likes</span>
<span>💔 5 Dislikes</span>
</div>
</div>Composants associés
Composant du système d’évaluation
Un composant de système d’évaluation réactif conçu dans un style Brutalism à l’aide de Tailwind CSS. Il prend en charge le thème sombre et a un contraste élevé avec un design brut et audacieux.
Composant du système d’évaluation
Un composant complexe de système d’évaluation à thème rétro pour les médias sociaux, doté d’une palette de couleurs monochromatiques. Il est entièrement réactif et prend en charge un mode sombre. Ce composant utilise uniquement HTML et Tailwind CSS, sans JavaScript.
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.