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
Vibrant_Dark_Mode_Feedback_Component
Un componente de retroalimentación simple y vibrante diseñado para plataformas de entretenimiento/medios con una interfaz de usuario de modo oscuro para reducir la fatiga visual. Cuenta con un título destacado, una subdescripción y un botón de llamada a la acción, todo totalmente responsivo.
Componentes de retroalimentación Componente
Una sección compleja y receptiva de comentarios y testimonios para sitios web comerciales / corporativos, diseñada con una interfaz de usuario de modo oscuro y una combinación de colores pastel. Incluye múltiples elementos interactivos como testimonios, un formulario de contacto y una pantalla de calificación.
Componentes de retroalimentación Componente
Un componente de retroalimentación brutalista simple con colores en escala de grises, soporte para modo oscuro y diseño receptivo.