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 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
Un componente di feedback in stile brutalista con una combinazione di colori pastello, complessità moderata e design reattivo con supporto per temi scuri. Progettato per un portfolio per mostrare feedback o testimonianze.
Componente Componenti di feedback
Semplice componente di feedback Glassmorphism per i social media, con una combinazione di colori triadica, un design reattivo e il supporto per temi scuri. Non è richiesto alcun JavaScript.