Composant Composants de rétroaction
Un simple composant de retour brutaliste avec des couleurs en niveaux de gris, une prise en charge du mode sombre et un design réactif.
HTML Code
<div class="max-w-md mx-auto my-8 bg-white dark:bg-gray-900 shadow-lg border-2 border-black dark:border-gray-700 p-6">
<h2 class="text-2xl font-bold text-black dark:text-white mb-4 border-b-2 border-black dark:border-gray-700 pb-2">Feedback</h2>
<div class="mb-4">
<div class="flex items-center mb-2">
<img src="https://www.randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-10 h-10 rounded-full border-2 border-black dark:border-gray-700 mr-4">
<p class="font-bold text-black dark:text-white">John Doe</p>
</div>
<div class="bg-gray-100 dark:bg-gray-800 border-2 border-black dark:border-gray-700 p-4">
<p class="text-black dark:text-gray-300">"This article was incredibly insightful and well-written. I appreciate the clear explanations."</p>
</div>
</div>
<div class="mb-4">
<div class="flex items-center mb-2">
<img src="https://www.randomuser.me/api/portraits/women/2.jpg" alt="Avatar" class="w-10 h-10 rounded-full border-2 border-black dark:border-gray-700 mr-4">
<p class="font-bold text-black dark:text-white">Jane Smith</p>
</div>
<div class="bg-gray-100 dark:bg-gray-800 border-2 border-black dark:border-gray-700 p-4">
<p class="text-black dark:text-gray-300">"I found a minor typo on page 3, but overall, a fantastic read!"</p>
</div>
</div>
<div class="text-right">
<button class="bg-black dark:bg-gray-700 text-white dark:text-gray-300 px-6 py-2 border-2 border-black dark:border-gray-700 font-bold hover:bg-gray-800 dark:hover:bg-gray-600">
Give Feedback
</button>
</div>
</div>Composants associés
Composante de rétroaction
Un composant de feedback réactif conçu pour le mode sombre avec des couleurs vives, idéal pour la consommation de blogs et de contenu.
Composant Commentaires pour les organisations à but non lucratif (style 3D)
Il s’agit d’un composant de rétroaction simple et réactif pour les organisations à but non lucratif, avec une esthétique de conception 3D et des tons chauds de coucher de soleil. Inclut la prise en charge du mode sombre.
Composante de rétroaction
Un composant de rétroaction réactif qui intègre des micro-interactions avec des animations attrayantes. Il est conçu pour prendre en charge le mode sombre et comporte des éléments pour les commentaires de l’utilisateur avec des images et des avatars de remplacement.