Componente de retroalimentación
Un componente de retroalimentación minimalista con diseño responsivo, soporte para temas oscuros y sin JavaScript. Incluye un avatar, texto de comentarios de los usuarios y calificaciones representadas por estrellas.
Código HTML
<div class="max-w-md mx-auto p-6 bg-white rounded-lg shadow-md dark:bg-gray-800 transition-shadow duration-300 ease-in-out">
<div class="flex items-center mb-4">
<img class="w-12 h-12 rounded-full" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar">
<div class="ml-4">
<h2 class="text-lg font-semibold text-gray-800 dark:text-white">John Doe</h2>
<span class="text-gray-500 dark:text-gray-400 text-sm">2 hours ago</span>
</div>
</div>
<div class="mb-4">
<div class="flex items-center">
<span class="text-yellow-500">
📍📍📍📍📍
</span>
<span class="text-gray-500 dark:text-gray-400 ml-2">Rating: 4.5/5</span>
</div>
</div>
<p class="text-gray-700 dark:text-gray-300">
This is a sample feedback message from the user. It highlights the positive aspects and any areas for improvement.
</p>
<div class="mt-4">
<img class="rounded-md" src="https://picsum.photos/400/200" alt="Feedback Image">
</div>
</div>Componentes relacionados
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.
Componente de retroalimentación
Un componente de retroalimentación diseñado para interfaces de redes sociales, que incorpora microinteracciones y un esquema de color en escala de grises, con soporte para temas oscuros.
Luxury_Premium_Vibrant_Simple_Food_Restaurant_Feedback_Component
Un componente de retroalimentación simple y elegante para sitios web de alimentos/restaurantes con un esquema de color vibrante y de alta saturación y soporte para modo oscuro. Diseñado para una sensación de lujo/premium.