Componente Menzioni utente
Un utente semplice e reattivo menziona il componente con design Skeuomorphism, combinazione di colori analoga e supporto per la modalità scura.
Codice HTML
<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>Componenti correlati
Componente Menzioni utente
Un utente complesso menziona un componente progettato per le dashboard con supporto della modalità oscura e combinazione di colori triadica.
Componente Menzioni utente
Un utente menziona il componente che utilizza Tailwind CSS con design Glassmorphism, reattività e supporto per temi scuri.
Componente Menzioni utente
Un utente menziona un componente progettato con uno stile Glassmorphism con elementi traslucidi simili al vetro smerigliato con effetti di sfocatura. Include un supporto per il tema scuro ed è reattivo, il che lo rende adatto per i siti di e-commerce.