Componente de retroalimentación
Componente de retroalimentación inspirado en el skeuomorfismo con un esquema de color análogo para un tablero. Diseñado para ser simple, receptivo y admite el modo oscuro usando Tailwind CSS. Utiliza shadcn/ui para mejorar el estilo y los componentes.
Código 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>Componentes relacionados
Componentes de retroalimentación Componente
Un componente de retroalimentación de estilo brutalista con una combinación de colores pastel, complejidad moderada y diseño receptivo con soporte para temas oscuros. Diseñado para un portafolio para mostrar comentarios o testimonios.
Componentes de retroalimentación Componente
Componente de retroalimentación de Glassmorphism simple para redes sociales, con un esquema de color triádico, diseño receptivo y soporte para temas oscuros. No se requiere JavaScript.
Componente de retroalimentación
Un componente de retroalimentación receptivo diseñado con los principios de Material Design, incorporando tonos tierra y equipado para soporte de modo oscuro. Este componente está diseñado específicamente para paneles y cuenta con varios elementos interactivos.