Composante de rétroaction
Il s’agit d’un composant de feedback minimaliste doté d’un design réactif, d’une prise en charge du thème sombre et de l’absence de JavaScript. Il comprend un avatar, un texte de commentaires d’utilisateur et des évaluations représentées par des étoiles.
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>Composants associés
Composant Composants de rétroaction
Un composant de rétroaction comprenant une échelle d’évaluation et une zone de texte pour les commentaires, avec un design réactif et une prise en charge du thème sombre.
Composant Composants de rétroaction
Il s’agit d’un composant de feedback complexe, réactif et pris en charge par un thème sombre pour un tableau de bord, conçu avec une esthétique minimaliste/plate et une palette de couleurs pastel. Il affiche divers éléments de retour d’information tels qu’une barre de progression, des indicateurs d’état et une activité récente, en utilisant uniquement du HTML avec des classes CSS Tailwind.
Luxury_Premium_Vibrant_Simple_Food_Restaurant_Feedback_Component
Un composant de retour d’information simple et élégant pour les sites Web d’alimentation/restaurant avec une palette de couleurs vives et à haute saturation et une prise en charge du mode sombre. Conçu pour une sensation de luxe / haut de gamme.