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
Volet de rétroaction 23
Un composant de retour d’information conçu dans le style Material Design, avec des animations réactives et la prise en charge des thèmes sombres, construit avec Tailwind CSS.
OrganicNatureFeedbackComponent
Un composant de retour d’information complexe, inspiré de la nature, conçu pour les sites de jeux, avec des lignes fluides, des neutres froids et une réactivité totale avec la prise en charge du mode sombre.
Composant Composants de rétroaction
Il s’agit d’un composant complexe inspiré de Material Design pour les plates-formes de forum/communauté, avec plusieurs éléments interactifs, une palette de couleurs complémentaire et une réactivité totale avec prise en charge du mode sombre.