Componente di feedback
Componente di feedback ispirato allo scheumorfismo con una combinazione di colori analoga per un cruscotto. Progettato per essere semplice, reattivo e supporta la modalità oscura utilizzando Tailwind CSS. Utilizza shadcn/ui per migliorare lo stile e i componenti.
Codice HTML
<div class="bg-gray-200 dark:bg-gray-800 p-6 rounded-lg shadow-xl">
<div class="flex items-center mb-4">
<img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/32.jpg" alt="User Avatar">
<div>
<h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200">John Doe</h3>
<p class="text-sm text-gray-600 dark:text-gray-400">Financial Analyst</p>
</div>
</div>
<p class="text-gray-700 dark:text-gray-300 mb-4">
The new dashboard features are excellent! The data visualization is clear and concisely presented, making it much easier to track key metrics. The performance has also improved significantly.
</p>
<div class="flex items-center text-yellow-500">
<svg class="w-5 h-5 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M10 15l-5.878 3.09 1.123-6.545L.489 6.309l6.572-.955L10 0l2.939 5.354 6.572.955-4.756 4.936 1.123 6.545z"/>
</svg>
<span>4.5</span>
</div>
</div>Componenti correlati
Componente di feedback
Un componente di feedback reattivo che incorpora microinterazioni con animazioni coinvolgenti. È progettato per supportare la modalità oscura e presenta elementi per il feedback degli utenti con immagini segnaposto e avatar.
Componente Componenti di feedback
Un'interfaccia utente complessa in modalità scura triadica per la sezione di feedback di una piattaforma educativa, con vari tipi di feedback ed elementi interattivi.
Componente Componenti di feedback
Una sezione di feedback e testimonianze complessa e reattiva per siti Web aziendali/aziendali, progettata con un'interfaccia utente in modalità scura e una combinazione di colori pastello. Include più elementi interattivi come testimonianze, un modulo di contatto e una visualizzazione delle valutazioni.