Composants Composants de rétroaction Composante de rétroaction

Composante de rétroaction

Composant de rétroaction inspiré du skeuomorphisme avec une palette de couleurs analogue pour un tableau de bord. Conçu pour être simple, réactif et prend en charge le mode sombre à l’aide de Tailwind CSS. Utilise shadcn/ui pour améliorer le style et les composants.

Aperçu

HTML Code

<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>

Composants associés

Composant Composants de rétroaction

Composant de retour d’information Glassmorphism simple pour les médias sociaux, doté d’une palette de couleurs triadique, d’un design réactif et d’une prise en charge du thème sombre. Aucun JavaScript n’est requis.

Ouvrir

OrganicNatureFeedbackComponent

Un composant de retour d’information complexe, inspiré de la nature, conçu pour les sites de jeux, avec des lignes fluides, des neutres froids et une réactivité totale avec la prise en charge du mode sombre.

Ouvrir

Vibrant_Dark_Mode_Feedback_Component

Un composant de retour d’information simple et dynamique conçu pour les plateformes de divertissement/médias avec une interface utilisateur en mode sombre pour réduire la fatigue oculaire. Il comporte un titre bien visible, une sous-description et un bouton d’appel à l’action, tous entièrement réactifs.

Ouvrir