Composant du système d’évaluation brutaliste
Un composant de système de notation réactif conçu dans un style brutaliste à l’aide de Tailwind CSS, avec prise en charge du thème sombre.
HTML Code
<div class="flex flex-col items-center bg-white dark:bg-gray-800 p-5 rounded-lg shadow-md w-80">
<h2 class="text-xl font-bold text-gray-800 dark:text-gray-200 mb-4">Rate Us!</h2>
<div class="flex items-center mb-5">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User Avatar" class="rounded-full w-12 h-12 mr-3 border-2 border-gray-800 dark:border-gray-200">
<span class="text-lg font-semibold text-gray-800 dark:text-gray-200">John Doe</span>
</div>
<div class="flex space-x-1 mb-4">
<span class="cursor-pointer text-3xl text-yellow-500">★</span>
<span class="cursor-pointer text-3xl text-yellow-500">★</span>
<span class="cursor-pointer text-3xl text-yellow-500">★</span>
<span class="cursor-pointer text-3xl text-gray-300 dark:text-gray-500">★</span>
<span class="cursor-pointer text-3xl text-gray-300 dark:text-gray-500">★</span>
</div>
<textarea class="w-full h-24 p-2 border-2 border-gray-800 dark:border-gray-200 bg-transparent text-gray-800 dark:text-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-yellow-500" placeholder="Leave your feedback..."></textarea>
<button class="mt-4 px-4 py-2 bg-gray-800 dark:bg-gray-200 text-white dark:text-gray-800 font-semibold rounded-md hover:bg-gray-700 dark:hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-yellow-500">Submit</button>
</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 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 des couleurs pastel Bauhaus
Un composant de système d’évaluation réactif et fonctionnel avec des formes géométriques et des couleurs pastel, adapté à l’intégration dans le tableau de bord. Inclut la prise en charge du mode sombre.