Composant Mentions de l’utilisateur
Un composant simple et réactif avec une conception Skeuomorphism, un schéma de couleurs analogue et la prise en charge du mode sombre.
HTML Code
<div class="bg-gray-200 dark:bg-gray-800 p-4 rounded-lg shadow-xl">
<div class="flex items-center mb-4">
<img class="w-10 h-10 rounded-full mr-4 shadow-md" src="https://randomuser.me/api/portraits/men/32.jpg" alt="User Avatar">
<p class="text-gray-800 dark:text-gray-200 font-semibold text-lg">John Doe</p>
</div>
<p class="text-gray-700 dark:text-gray-300">
Mentioned you in a comment:
<span class="text-blue-600 dark:text-blue-400">@JaneSmith</span> This is a great point!
</p>
</div>Composants associés
Composant Mentions de l’utilisateur
Un composant réactif de mentions d’utilisateur avec des éléments de conception 3D, une palette de couleurs en niveaux de gris et une prise en charge du thème sombre pour les sites Web d’entreprise. Utilise Tailwind CSS et inclut des images/avatars de substitution.
Composant Mentions de l’utilisateur
Un composant conçu avec des micro-interactions, avec des effets réactifs et une prise en charge du thème sombre, construit à l’aide de Tailwind CSS.
Composant Mentions de l’utilisateur
Un utilisateur mentionne un composant pour un tableau de bord, doté d’une palette de couleurs monochromatiques, d’une mise en page simple, d’un design réactif et d’une prise en charge du thème sombre, à l’aide de Tailwind CSS.